# TanStack Charts

SVG and Canvas charts.

Source: [Console review](<https://console.dev/tools/tanstack-charts>)

Website: [https://tanstack.com/charts/latest](<https://tanstack.com/charts/latest>)

Profile updated: 2026-10-16

Category: [Frontend frameworks](<https://console.dev/tools/categories/developer-tools-frontend-framework>)

## Supported tech stack

Research checked: 2026-10-11

### Integrates with

- Alpine Linux (Operating system)
- Angular (Framework)
- Ember (Framework)
- Lit (Framework)
- Preact (Framework)
- React (Framework)
- Solid (Framework)
- Svelte (Framework)
- TypeScript (Language)
- Vue (Framework)

Source: [Research source](<https://github.com/tanstack/charts>)

Documented compatibility; coverage may be incomplete. Written in describes implementation, not user-project language support.

TypeScript chart library has React, Preact, Vue, Solid, Svelte, Angular, Lit, Alpine and Octane adapters.

## Console’s review — 2026-10-08

Reviewed: 2026-10-08

Author: [David Mytton](<https://console.dev/about#david-mytton>)

Citation: [This review](<https://console.dev/tools/tanstack-charts#review_51e64d2314d904469782d3ab9ff621978dc56bdd64b235f848214135245504e5>)

### What we like

SVG charts by default. Work directly with the points and marks so you can get low level, but still support labels, focus, tooltips, responsiveness. Compiles strict TypeScript. Completely customizable. D3-compatible. Lightweight (32kB) relative to other charting libraries.

### Tradeoffs

Specific “grammar of graphics” approach which delegates layout and rendering to the runtime. This results in superior charts, but is a particular approach you need to adopt.

This review reflects Console’s assessment at publication on 2026-10-08. Features and limitations may have changed since the review date.

## Is TanStack Charts a fit?

Based on [Console’s review published on 2026-10-08](<https://console.dev/tools/tanstack-charts#review_51e64d2314d904469782d3ab9ff621978dc56bdd64b235f848214135245504e5>).

Summary updated: 2026-10-16

### Who it’s for

Developers who need customizable charts

### Why consider it

Allows for low-level control over chart points and marks

### Keep in mind

Requires adopting a specific approach to layout and rendering

[Selection criteria](<https://console.dev/selection-criteria>) · [About Console](<https://console.dev/about>) · [Browse tools](<https://console.dev/tools>)
