Getting Started Examples Showcase Releases

Guides

Layers Primitives Structure Scales Data Styling Animation LLMs

state

Overview Brush (Selection) Geo (Maps & Projections) Series (Multi-series) Tooltip (Hover Data) Transform (Pan & Zoom)

▸ migrations

v1 → v2 @next → state-refactor

advanced

Components

charts

Chart ArcChart AreaChart BarChart LineChart PieChart ScatterChart

common

Axis Frame Grid Layer Legend Rule

primitives

Arc Bar Circle Connector Ellipse Group Image Line Marker Path Point Polygon Rect Ribbon Text Vector

marks

Area Bars BoxPlot Calendar Cell Contour Density Hull Labels Link Month Pie Points Raster Spline Threshold Trail Violin

geo

GeoContext GeoProjection GeoCircle GeoEdgeFade GeoPath GeoPoint GeoRaster GeoSpline GeoTile GeoVisible Graticule TileImage

layout

Chord Dagre ForceSimulation Pack Partition Sankey Tree Treemap

interactions

BrushContext Highlight Tooltip TooltipContext TransformContext Voronoi

annotations

AnnotationLine AnnotationPoint AnnotationRange

fill

LinearGradient Pattern RadialGradient

clipping

ClipPath ChartClipPath CircleClipPath RectClipPath

layers

Canvas Html Svg

other

Blur Bounds ColorRamp MotionPath

Utils

cls download format pivot stats string

SSR Images

Loading...

On this page

How it works
Quick start
1. Install dependencies
2. Create a chart component
3. Create a server endpoint
API reference
`renderChart(component, options)`
`renderCapturedChart(capture, options)`
`<ServerChart>`
Examples
Line chart
Bar chart
Area chart (multi-series)
Geo chart
Scatter chart
Sankey chart
Tree chart
Treemap chart
Supported components
Tips
Styling Axis and Grid
Transparency and background
High-DPI images
Cloudflare and edge runtimes
Inline styles only