Skip to main content

Containers and Specs

7 pages

What a chart sits in and what picks it: cards, frames, small multiples and the spec-driven AutoChart.

Spec-driven chart — hand it a serializable ChartSpec and it picks and renders the right chart.

38 examples
24 examples

The canvas mark path for ChartFrame — a drop-in sibling of the SVG marks for views past what the DOM can carry (~20k marks up), with a spatial-grid hit test and a one-tab-stop virtual cursor.

4 examples

Titled card surface around a chart — header, description, and the chart body.

7 examples

Opt-in chart wrapper adding expand / flip-to-table / download-CSV to any chart child.

20 examples

Small multiples: one chart per facet value in a responsive grid, with shared or range-rounded scales, sort, a muted baseline and synced hover.

8 examples

The reveal neutralizes itself under prefers-reduced-motion: it renders its finished state with no animation, without the caller passing anything.

2 examples