Index › Charts
22 types · 5 families
One engine.
Charts are the visualization layer on a visx + d3 engine — twenty-two chart types across five families, all built on one render-prop frame. Every chart paints through a single Lumos categorical palette and shares one set of internals, so axes, grid, legend, and tooltip read identically whether you reach for a line, a treemap, or a chord.
ChartFrame is a pure-SVG render-prop frame — it resolves dimensions, hands an inner rect to each chart, and bakes in the a11y baseline (role="img" + an off-screen value table). It carries no 'use client', so charts render byte-deterministic SVG on the server.
Every chart paints through the per-scheme --chart-* tokens, so all ten color schemes reskin every chart for free. Series cycle the palette in order; axes, grid, and chrome stay neutral.