Getting Started Examples Showcase Releases

Guides

Layers Primitives Structure Scales Data Styling Animation LLMs

state

Overview 3D (WebGL) 3D Maps & Globes 3D Surfaces & Rasters Brush (Selection) Chart Group (Syncing) Facets (Small multiples) Geo (Maps & Projections) Isometric (Faux 3D) Multiple Scales (Dual axis) Series (Multi-series) Tooltip (Hover Data) Transform (Pan & Zoom)

advanced

Bundle Size SSR Images

▸ migrations

v1 → v2 @next → state-refactor

Components

charts

Chart ArcChart AreaChart BarChart LineChart PieChart ScatterChart

common

Axis CircleLegend Frame Grid Layer Legend Rule

primitives

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

marks

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

geo

GeoProjection GeoBin GeoCircle GeoEdgeFade GeoLegend GeoPath GeoPoint GeoRaster GeoSpline GeoTile GeoVisible Graticule TileImage

layout

Chord Dagre Dodge ForceSimulation Pack Partition Sankey Tree Treemap

interactions

Brush BrushContext ChartGroup Highlight Tooltip TooltipContext TransformContext Voronoi

annotations

AnnotationLine AnnotationPoint AnnotationRange

fill

LinearGradient Pattern RadialGradient

clipping

ClipPath ChartClipPath CircleClipPath GeoClipPath RectClipPath

layers

Canvas Html Svg

other

Blur Bounds ColorRamp MotionPath

Utils

cls download format pivot stats string

Scales

Loading...

On this page

What is a scale?
Creating a scale
Automatic scale selection
Automatic domain and range calculation
Overriding domain and range
Scale types
Color
The color channel
Choosing a color scale
How a mark resolves its color
Series colors
Colors as groups
Color from a mark alone
Marks with their own ramp
Legend
Ticks
Useful resources