TanStack Charts

TanStack Charts draws from a chart definition: marks, scales and a tooltip. The kit's Chart paints it with your theme's chart colors, grid, axes and tooltip, in light and dark mode, compact mode and inside a ThemeScope.

Set palette to mono for shades of one color, accent for one color and grays, or multi for a color per series.

Set emphasis to strong to draw every series one step darker, for small marks or a busy page.

Pass color to build mono and accent from another color, here the emerald palette instead of the primary color.

Wrap a card in ChartPalette so the chart and the legend beside it, which reads chartColors.series, use the same palette.

On This Page