Framework

Data & State

Query DB Store AI

UI

Table Charts Form Markdown Highlight

UX

Virtual Pacer Hotkeys

Tooling

Devtools Config CLI Intent

Blog & Release Notes

About

YouTubeThe official TanStack channel.WorkshopsLive sessions from the maintainers.Release NotesThe latest releases and changelog.

Channels

DiscordReal-time community support.GitHubSource, issues, discussions, and releases.

People & Work

MaintainersMeet the people maintaining the stack.ShowcaseProjects selected by the TanStack team.Community projects

Tools

Application StarterAlphaGenerate TanStack app starters.BuilderAlphaBuild and share TanStack projects.StatsNPM and ecosystem usage data.

Support

Support OverviewFind the right support path.PartnersCompanies supporting TanStack.OSS SponsorsSponsors keeping TanStack open source.Enterprise SupportPrivate consulting and expert support.ContactGet in touch with the TanStack team.

About

EthosHow we approach open source.TenetsThe values that shape TanStack libraries.Design SystemLogos, tokens, and UI components.

Partners

Sponsorships, placements, and partner pages.

Work with

Partnership Inquiry

TanStack Intent/Registry/@tanstack/charts

Fetching package from npm...

The open source application stack for the web.

Libraries

Browse all
Query
Router
Start
Table
Form

Blog

Latest posts
Release notes
YouTube
Workshops

Community

Discord
GitHub
Maintainers
Showcase
Community projects

Tools

Builder
Stats

Merch

Shop
Cart

Support

Support overview
Partners
OSS sponsors
Enterprise support
Contact
Ethos
Tenets
Design system

© 2026 TanStack LLC

Privacy
Terms

TanStack Intent/Registry/@tanstack/charts

@tanstack/charts

<div align="center"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://tanstack.com/api/readme/charts.png?theme=dark" /> <source media="(prefers-color-scheme: light)" srcset="https://tanstack.com/

Skills

All Skills12 build-chart-interactions compose-marks-and-views configure-scales-guides-color coordinate-charts-with-tanstack debug-and-verify-charts design-a-chart design-responsive-charts extend-tanstack-charts migrate-to-tanstack-charts prepare-chart-data ship-accessible-charts update-and-animate-charts

Skills

All Skills12 build-chart-interactions compose-marks-and-views configure-scales-guides-color coordinate-charts-with-tanstack debug-and-verify-charts design-a-chart design-responsive-charts extend-tanstack-charts migrate-to-tanstack-charts prepare-chart-data ship-accessible-charts update-and-animate-charts

compose-marks-and-views

186 linesSource

Translate semantic encodings into TanStack Charts marks, layers, annotations, facets, and coordinated views. Load when choosing marks, combining layers, assigning interaction-point ownership, or deciding whether a custom mark is justified.