Back to resources
Design & UITanStack/charts

TanStack Charts

TypeScript visualization grammar for responsive, accessible, SSR charts — D3 primitives, tree-shakeable marks. Pre-alpha. @tanstack/charts.

by TanStack

TanStack Charts is a TypeScript visualization grammar — marks, channels, compact scales, and granular D3 when you need the full algorithm. Keep your rows as they are; the same defineChart() renders through React, Vue, Solid, Svelte, or static SVG. Tree-shakeable subpaths, SSR, opt-in Canvas.

Pre-alpha (0.14). Not production yet. I keep it next to Mono Charts: that one is visual reference, this one is the grammar I want when a dashboard chart stops being standard.

Open resource
TanStack Charts | Ender Puentes