--- title: TanStack Did It Again... They Fixed Charts | daily.dev description: TanStack Charts is a new JavaScript charting library using a grammar-of-graphics approach (similar to ggplot2 in R), treating charts as compositions of marks,... canonical: https://daily.dev/posts/4aim3ew4s twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: TanStack Did It Again... They Fixed Charts | daily.dev og:description: TanStack Charts is a new JavaScript charting library using a grammar-of-graphics approach (similar to ggplot2 in R), treating charts as compositions of marks,... og:url: https://daily.dev/posts/4aim3ew4s og:image: https://api.daily.dev/og/posts/4AiM3Ew4s.png og:image:alt: Post cover image og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # TanStack Did It Again... They Fixed Charts **[Better Stack](https://daily.dev/sources/betterstack)** · [@jollycoding](https://daily.dev/jollycoding) · 155 upvotes · 9 comments ## Summary TanStack Charts is a new JavaScript charting library using a grammar-of-graphics approach (similar to ggplot2 in R), treating charts as compositions of marks, scales, and mappings rather than fixed chart types. It supports ~55 mark types including bars, lines, areas, sankey diagrams, tree maps, radar charts, world maps, and more. Key features include SVG and canvas output, animations, tooltips, interactions (brushing, zooming, keyboard selection), export to SVG/PNG, and a three-level styling system via CSS variables, theme blocks, and per-mark properties. The bundle size is 36–43 KB, significantly smaller than Chart.js (45–58 KB) and Recharts (153–168 KB). The API is framework-agnostic with a React adapter, fully type-safe, and deliberately designed to be AI-composable without requiring documentation reading. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@yaireo** · 7 upvotes > Here's the missing link - [https://tanstack.com/charts/latest](https://tanstack.com/charts/latest) **@agustinbarrientos** · 3 upvotes > I bet the framework-agnostic core outlives the next two UI stacks **@gregerolsson** · 3 upvotes > Love it! More framework-agnostic libraries please! Perfect for wrapping in thin Web Components. **@roguealien** · 2 upvotes > yeah but still not stable release of tanstack start... 2 or 3 years. **@mabdurrahman** · 0 upvotes > day by day tanstack is becoming good ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments - [CNCF Unveils Schedule for KubeCon \+ CloudNativeCon Europe 2026](https://daily.dev/posts/cncf-unveils-schedule-for-kubecon-cloudnativecon-europe-2026-ikhcoa5cb) · CNCF · 2 upvotes · 0 comments - [CNCF Debuts KubeCon \+ CloudNativeCon Japan 2026 Schedule](https://daily.dev/posts/cncf-debuts-kubecon-cloudnativecon-japan-2026-schedule-xp5pyudub) · CNCF · 1 upvotes · 0 comments --- Tags: [#javascript](https://daily.dev/tags/javascript), [#react](https://daily.dev/tags/react), [#data-visualization](https://daily.dev/tags/data-visualization), [#tanstack](https://daily.dev/tags/tanstack) [View this post on daily.dev](https://daily.dev/posts/4aim3ew4s) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"DiscussionForumPosting","mainEntityOfPage":"https://daily.dev/posts/4aim3ew4s","headline":"TanStack Did It Again... They Fixed Charts","text":"Shared: TanStack Did It Again... They Fixed Charts","url":"https://daily.dev/posts/4aim3ew4s","datePublished":"2026-08-10T10:07:33.356Z","dateModified":"2026-08-10T10:08:33.708Z","author":{"@type":"Person","name":"James","url":"https://daily.dev/jollycoding","image":"https://avatars.githubusercontent.com/u/5064896?v=4","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":3010}},"image":"https://media.daily.dev/image/upload/s--OHB84bZF--/f_auto/v1722860399/public/Placeholder%2010","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":155},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":9}],"sharedContent":{"@type":"WebPage","url":"https://api.daily.dev/r/PVuxearBA"},"comment":[{"@type":"Comment","text":"Here’s the missing link - https://tanstack.com/charts/latest","datePublished":"2026-08-10T12:50:35.914Z","url":"https://daily.dev/posts/4AiM3Ew4s#c-nsdAwE10C","author":{"@type":"Person","name":"Yair Even Or","url":"https://daily.dev/yaireo","image":"https://avatars.githubusercontent.com/u/845031?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":7}},{"@type":"Comment","text":"I bet the framework-agnostic core outlives the next two UI stacks","datePublished":"2026-08-10T20:10:31.430Z","url":"https://daily.dev/posts/4AiM3Ew4s#c-bbInKwbC2","author":{"@type":"Person","name":"Agustin Barrientos","url":"https://daily.dev/agustinbarrientos","image":"https://media.daily.dev/image/upload/s--5ayxQnqn--/f_auto/v1788281802/avatars/avatar_wQYYVe5Tbj0NJ7C7qPoa8?_a=BAMAMicg0"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}},{"@type":"Comment","text":"Love it! More framework-agnostic libraries please! Perfect for wrapping in thin Web Components.","datePublished":"2026-08-10T23:35:46.734Z","url":"https://daily.dev/posts/4AiM3Ew4s#c-d8Lya729q","author":{"@type":"Person","name":"Greger Olsson","url":"https://daily.dev/gregerolsson","image":"https://avatars.githubusercontent.com/u/306822?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}},{"@type":"Comment","text":"yeah but still not stable release of tanstack start… 2 or 3 years.","datePublished":"2026-08-10T18:54:34.114Z","url":"https://daily.dev/posts/4AiM3Ew4s#c-z0TLKN2U5","author":{"@type":"Person","name":"Rodrigo García","url":"https://daily.dev/roguealien","image":"https://avatars0.githubusercontent.com/u/6985253?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}},{"@type":"Comment","text":"day by day tanstack is becoming good","datePublished":"2026-08-11T18:50:10.372Z","url":"https://daily.dev/posts/4AiM3Ew4s#c-hCy8mFcgP","author":{"@type":"Person","name":"MD Abdur Rahman Nur Jamil","url":"https://daily.dev/mabdurrahman","image":"https://media.daily.dev/image/upload/s--Y4BlqifR--/f_auto/v1748712069/avatars/avatar_j478sATQhv7i2qjbFcMqH?_a=BAMClqUq0"}}],"isPartOf":{"@type":"WebPage","url":"https://daily.dev/squads/betterstack","name":"Better Stack"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Better Stack","item":"https://daily.dev/squads/betterstack"},{"@type":"ListItem","position":3,"name":"TanStack Did It Again... They Fixed Charts"}]} ```