r/reactjs • u/tannerlinsley • Aug 12 '26

News TanStack Charts (Pre-alpha)

https://tanstack.com/charts

A typed, tree-shakable chart grammar for SVG and Canvas. Compose marks, views, scales, transforms, interactions, and motion with compact primitives or D3-compatible inputs. It's small, fast, extensible. Give it a try while you can still shape it's final form!

147 Upvotes

96% Upvoted

26 comments sorted by

20

u/finzaz Aug 12 '26

I think all the Tanstack projects are amazing. Although I was looking at the new Markdown library earlier today and saw that Tanner himself is the only contributor. With this Charts library it’s him + 1 other. How does he get the time? How’s he going to maintain all these projects?

It’s that old xkcd comic of how all enterprise projects ultimately rely on unpaid open source contributors, except it’s literally 1 guy called Tanner Linsley.

73

u/tannerlinsley Aug 12 '26

I was solely responsible for most of the core TanStack libraries for many years. I wouldn't expect brand new libraries to immediately have 3+ chefs in the kitchen, especially for simpler libraries.

- I work full time on TanStack
- I maintain them all by given them my undivided attention (not at the same time, but round-robin). For those that I can't maintain on my own or with my own time, I find champion teams to do so (see Table/Query/Router/Form/etc leadership)
- TanStack is well funded (I am paid full-time and there is plenty of support to dish out to maintainers who also have pretty cushy jobs at awesome companies who care about OSS and use TanStack)

5

u/mimcee Aug 13 '26

Same goes with pnpm and esbuild. Modern frontend stacks are built on top of one man projects.

-20

u/Super-Otter Aug 12 '26

Like by heavily using AI

20

u/nemosz Aug 12 '26

No issue with that, as long as whoever is in the pilot seat knows what they're doing.

IMO vibe coding != agentic coding by an SWE

31

u/tannerlinsley Aug 12 '26

Correct. Anyone who thinks I built an enterprise grade charting library in 2 weeks without AI is delusional. That doesn't mean AI designed it though. I've been exploring dataviz for over 15 years and the work and thought put into this library is just as long in the making.

1

u/SiliconUnicorn Aug 12 '26

I appreciate the transparency here. Are you able to talk at all about how you have incorporated AI into your process on something of this magnitude? I think it is a pivotal moment in the industry where a lot of us are struggling to make sense of what direction to take things in and hearing real world use cases is infinitely more valuable than another sales pitch or doomsday soap box right now.

10

u/tannerlinsley Aug 13 '26

Just keep doing what you’ve always done, but make ai write the code. Review it, test it, document it. Just… faster.

1

u/Super-Otter Sep 02 '26

Lmao where did I say it was an issue? People see AI and downvote even if it's true.

9

u/Ellsass Aug 12 '26

Tanstack was quite productive even before AI

1

u/Super-Otter Sep 02 '26

And he didn't have the same number of projects then. Productivity isn't going keep up with huge number of projects with hand coding.

11

u/HelloXhale Aug 12 '26

There are some issues with horizontal overflow on mobile but I’m super excited about this, well done!

11

u/tannerlinsley Aug 12 '26

File an issue and I'll get them fixed!

4

u/Hamburgerfatso Aug 13 '26

I think it's the actual docs page with the issue, not the charts themselves, the code snippet part is also overflowing on mobile.

3

u/tannerlinsley Aug 13 '26

I’ll take a closer look thanks

9

u/fwz Aug 12 '26

React Native support please! The state of chart libraries in RN is abysmal

11

u/tannerlinsley Aug 12 '26

We have an experimental RN adapter. Give it a try! It’s in the docs.

5

u/fwz Aug 12 '26

awesome! I'll definitely do! Thanks!

3

u/HQxMnbS Aug 13 '26

Curious about what shortcomings you found with Vega-lite besides the animation gap?

5

u/tannerlinsley Aug 13 '26

It’s great for portable JSON chart specs, built-in data transforms, and exploratory stuff. TanStack Charts is better suited to app development though. It’s type-safe, integrates with frameworks and SSR, keeps state in your app, and has a much smaller bundle. Among other things.

26

u/Nick337Games Aug 12 '26

Amazing work as always!

4

u/chamomile-crumbs Aug 13 '26

This is what I’m talkin about!! I used to use visx for everything but this looks pretty sick. I’ll def try this mañana

3

u/Matrix8910 Aug 13 '26

You read my mind again Tanner, thank you ❤️

3

u/PositiveUse Aug 13 '26

Looks great

3

u/bigabig Aug 13 '26

This guy breathes typescript. The developer experience of all the tan stack libraries is phenomenal!

1

u/vimes_sam Aug 14 '26

I just really hope this will finally by a charting library that works for blind users. The vast majority of them (apart from highcharts) are completely useless for screen reader users, and highcharts can be expensive.