Getting Started Examples Showcase Releases

Guides

state

State & Context Brush (Selection) Transform (Pan & Zoom)

Layers Primitives Scales Data Styling LLMs

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 Calendar Cell Hull Labels Link Pie Points Spline Threshold

geo

GeoContext GeoProjection GeoCircle GeoEdgeFade GeoPath GeoPoint 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 format pivot string

marks

Cell

Svg

Canvas

Html

Mark component which draws rectangles or circles positioned in two ordinal dimensions, ideal for heatmaps, grids, and punchcards.

Loading...

On this page

Usage
Basic
Color scale
Rounded with insets
Circle
Punchcard
Examples
API Reference
Related