--- title: TanStack Charts 1.0 | daily.dev description: TanStack Charts has reached its 1.0 release. Author Tanner Linsley describes a charting library built around composable marks (lines, bars, points), scales,... canonical: https://daily.dev/posts/tanstack-charts-1-0-rfrxdv6yp twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: TanStack Charts 1.0 | daily.dev og:description: TanStack Charts has reached its 1.0 release. Author Tanner Linsley describes a charting library built around composable marks (lines, bars, points), scales,... og:url: https://daily.dev/posts/tanstack-charts-1-0-rfrxdv6yp og:image: https://api.daily.dev/og/posts/RFRxDV6yP.png og:image:alt: TanStack Charts 1.0 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 Charts 1.0 **[TanStack](https://daily.dev/sources/tanstack-blog)** · 8 min read · 173 upvotes · 14 comments ## Summary TanStack Charts has reached its 1.0 release. Author Tanner Linsley describes a charting library built around composable marks (lines, bars, points), scales, axes, and interactions, inspired by the Grammar of Graphics and Observable Plot. The library supports SVG and Canvas rendering, custom marks and scales, compact/D3-compatible scales, and end-to-end TypeScript type safety. Linsley also shares how AI assistance accelerated implementing a decade of design ideas gathered from past work on Chart.js, D3, and react-charts, and frames 1.0 as a commitment to API stability going forward. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### What is TanStack Charts 1.0 and how is it different from typical charting libraries? TanStack Charts 1.0 is a charting library built around composable marks such as lines, bars, and points, combined with scales, axes, and interactions, following Grammar of Graphics principles similar to Observable Plot. Instead of picking a pre-built chart type, developers compose marks together, so adding bars under a line or custom tooltips doesn't require switching chart types. It supports SVG rendering by default, an optional Canvas renderer, custom marks/scales, and end-to-end TypeScript types. _Developers evaluating charting approaches can track library releases like this one on daily.dev._ ### Does TanStack Charts support Canvas rendering or only SVG? TanStack Charts uses SVG rendering by default, but Canvas is available as a separate, opt-in import and renderer for cases needing it, such as handling very large datasets where SVG performance struggles. This separation keeps the base bundle lightweight while still giving developers a Canvas option when SVG isn't sufficient. _Anyone weighing SVG versus Canvas for charts can follow rendering updates on daily.dev._ ## Community discussion Top comments from developers on daily.dev. **@apperside** · 6 upvotes > Can't wait to try it out as soon I will need a charting library! TanStack's products are always a guarantee **@user45613** · 5 upvotes > finally! a charts library that I can recommend **@ristotoldsep** · 3 upvotes > typed charts plus API stability? yeah, TanStack knows where the pain is. **@alexx\_dev** · 1 upvotes > i like the built-in animation support. any plans for a canvas fallback? **@divyesh\_vekariya** · 1 upvotes > Composable + TypeScript + Canvas support, this looks like a really solid 1.0. Excited to see where TanStack Charts goes from here! ## Similar posts on daily.dev - [TanStack Charts Introduced with a Framework Agnostic Grammar of Graphics for TypeScript](https://daily.dev/posts/tanstack-charts-introduced-with-a-framework-agnostic-grammar-of-graphics-for-typescript-kw79ta3sr) · InfoQ · 2 upvotes · 0 comments - [TanStack Charts vs. Recharts vs. Chart.js: I found out which is best](https://daily.dev/posts/tanstack-charts-vs-recharts-vs-chart-js-i-found-out-which-is-best-kuq2vpfc7) · LogRocket · 0 upvotes · 0 comments --- Tags: [#javascript](https://daily.dev/tags/javascript), [#react](https://daily.dev/tags/react), [#typescript](https://daily.dev/tags/typescript), [#data-visualization](https://daily.dev/tags/data-visualization) [View this post on daily.dev](https://daily.dev/posts/tanstack-charts-1-0-rfrxdv6yp) ```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":"TechArticle","headline":"TanStack Charts 1.0","url":"https://daily.dev/posts/tanstack-charts-1-0-rfrxdv6yp","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/tanstack-charts-1-0-rfrxdv6yp"},"datePublished":"2026-10-05T15:46:36.160Z","dateModified":"2026-10-05T15:47:52.907Z","description":"TanStack Charts has reached its 1.0 release. Author Tanner Linsley describes a charting library built around composable marks (lines, bars, points), scales,...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/2077c4b091e1db9d30b1d1363fdc8e53?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/2077c4b091e1db9d30b1d1363fdc8e53?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"TanStack","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"TanStack","logo":"https://media.daily.dev/image/upload/s--TVIrvIT7--/f_auto,q_auto/v1787487634/logos/tanstack-blog?_a=BAMAMicg0","url":"https://daily.dev/sources/tanstack-blog"},"commentCount":14,"discussionUrl":"https://daily.dev/posts/tanstack-charts-1-0-rfrxdv6yp","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":173},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":14}],"keywords":"javascript,react,typescript,data-visualization","timeRequired":"PT8M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"TanStack","item":"https://daily.dev/sources/tanstack-blog"},{"@type":"ListItem","position":3,"name":"TanStack Charts 1.0"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/tanstack-charts-1-0-rfrxdv6yp","comment":[{"@type":"Comment","text":"Can’t wait to try it out as soon I will need a charting library! TanStack’s products are always a guarantee","datePublished":"2026-10-06T01:11:21.006Z","url":"https://daily.dev/posts/RFRxDV6yP#c-JVyLzSyUs","author":{"@type":"Person","name":"Apperside","url":"https://daily.dev/apperside","image":"https://avatars.githubusercontent.com/u/5955338?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":6}},{"@type":"Comment","text":"finally! a charts library that I can recommend","datePublished":"2026-10-06T06:38:30.515Z","url":"https://daily.dev/posts/RFRxDV6yP#c-1rkciieYG","author":{"@type":"Person","name":"Veselin Ivanov","url":"https://daily.dev/user45613","image":"https://media.daily.dev/image/upload/s--nc0o8dM8--/f_auto/v1782457323/avatars/avatar_JYf2mTyl8QY4B2HJp3soD?_a=BAMAMicg0"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":5}},{"@type":"Comment","text":"typed charts plus API stability? yeah, TanStack knows where the pain is.","datePublished":"2026-10-06T10:11:30.596Z","url":"https://daily.dev/posts/RFRxDV6yP#c-CgLyNgMw7","author":{"@type":"Person","name":"Risto Tõldsep","url":"https://daily.dev/ristotoldsep","image":"https://lh3.googleusercontent.com/a/ACg8ocLDWc6mZn0JwNmXXw6WY0L_HJ6pegzRttooC5VgtXESHSj3MNYx=s96-c"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}},{"@type":"Comment","text":"i like the built-in animation support. any plans for a canvas fallback?","datePublished":"2026-10-06T10:59:02.695Z","url":"https://daily.dev/posts/RFRxDV6yP#c-HPnFyWNxN","author":{"@type":"Person","name":"alex","url":"https://daily.dev/alexx_dev"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"Composable + TypeScript + Canvas support, this looks like a really solid 1.0. Excited to see where TanStack Charts goes from here!","datePublished":"2026-10-08T04:15:26.220Z","url":"https://daily.dev/posts/RFRxDV6yP#c-TRJHh8XVr","author":{"@type":"Person","name":"Divyesh Vekariya","url":"https://daily.dev/divyesh_vekariya","image":"https://media.daily.dev/image/upload/s--RDCl1xsD--/f_auto/v1728905544/avatars/avatar_WXcnVdXbQljWuHJCBcViw"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/tanstack-charts-1-0-rfrxdv6yp#faq","mainEntity":[{"@type":"Question","name":"What is TanStack Charts 1.0 and how is it different from typical charting libraries?","acceptedAnswer":{"@type":"Answer","text":"TanStack Charts 1.0 is a charting library built around composable marks such as lines, bars, and points, combined with scales, axes, and interactions, following Grammar of Graphics principles similar to Observable Plot. Instead of picking a pre-built chart type, developers compose marks together, so adding bars under a line or custom tooltips doesn't require switching chart types. It supports SVG rendering by default, an optional Canvas renderer, custom marks/scales, and end-to-end TypeScript types. Developers evaluating charting approaches can track library releases like this one on daily.dev."}},{"@type":"Question","name":"Does TanStack Charts support Canvas rendering or only SVG?","acceptedAnswer":{"@type":"Answer","text":"TanStack Charts uses SVG rendering by default, but Canvas is available as a separate, opt-in import and renderer for cases needing it, such as handling very large datasets where SVG performance struggles. This separation keeps the base bundle lightweight while still giving developers a Canvas option when SVG isn't sufficient. Anyone weighing SVG versus Canvas for charts can follow rendering updates on daily.dev."}}]} ```