Skip to content

Select theme

Start Here
Core Renderer — insomni
ECS — insomni-ecs
- ECS overview
- examples
  - Damage-Tracked Rendering
  - Boids Flocking
Plot — insomni-plot
- Overview
- Grammar
- Geoms
- Scales & Aesthetics
- Axes & Coordinates
- Theming & Styling
- Mount, Render & Export
- Core API
- Migration Guide
- Recipes
- Examples
  - Basics
    
    Hello Bar
    Bars
    Line
    Area
    Stacked bars
  - Distributions
    
    Histogram
    Histogram — back-to-back
    Violin plot
    Box plot
    Ridgeline
    Bell curve
  - Relationships
    
    Scatter
    Scatter — advanced layers
    Gapminder (linked brushing)
    Connected Scatter
    BMI & waist circumference
    Weight Trend — Full-Bleed
    Glucose log — July
    Glucose — this week
  - Intervals & Ranges
    
    Interval
    Confidence band
    Temperature dumbbell
    7-day forecast
    Temperature outlook
    Bullet gauge
    Gantt track
  - Time Series & Trends
    
    Weight — multi-source
    Stock line
    Gradient area
    Band & line
    Weight lollipop + trend
    Weight — 7-day trend
    Body metrics — two series
    Resting heart rate
    A1C — estimated
    Subscription cost
    Hourly temperature
    Rain
    Wind & gusts
    Solar radiation
    UV index
  - Heatmaps & Tiles
    
    Density heatmap
    Tile matrix
    Tile calendar (faceted)
    Temperature heatmap
  - Coordinate Systems
    
    Polar coord
    Wind rose
    Radar / spider
  - Dual-Axis & Annotation
    
    Blood pressure & heart rate
    Steps — daily
  - Financial
    
    Candlestick & Volume
UI — insomni-ui
- examples
Supporting Packages

Select theme

Pan & zoom

WebGPU required This live demo needs a WebGPU-capable browser. The preview above is a static snapshot.

Pan & zoom Drag to pan and scroll to zoom a world-space grid. createViewport tracks the camera and bindViewport wires pointer gestures to it.

Previous
Y-depth sort (createLayer sort:"y") Next
Hover & select