Altair

Experimental

Exploratory prototypes using Vega-Lite via react-vega. Specs in this section are written by hand — exactly what Python’s Altair emits — so analysis built in a notebook can be lifted into the docs site as a JSON spec, no chart-rewriting tax.

What we’re testing

How declarative Vega-Lite specs feel against imperative chart libraries (Plot, Recharts)
How DAVE design tokens flow into Vega’s colour and axis configuration
Whether Python-authored Altair specs round-trip into the Next.js docs without per-chart wrapper code

Examples

Bar Chart

Categorical comparison with sort encoding and on-hover tooltips.

Line Chart

Multi-series time chart, layered line + point + end-of-line labels.

Scatter Plot

Bubble scatter with size encoding and four-field tooltips.

Calendar Heatmap

GitHub-style 365-day grid with a continuous colour gradient.

PreviousFunnel Chart NextAltair — Bar