A Very Exciting New Chart Library

Shadcn/ui keeps paying dividends. Doing charts right is hard, so hyped we have a great starting point in React now.

SOURCE

S/O Ph4se0n3 for the awesome edit 🙏
S/O Ben Davis for the thumbnail 🙏

[dough-pizza]

Genuinely out of everything ShadCN has been a blessing. It just makes frontend development so much more easier! It's not AI you need to fear but libs like ShadCN that'll lower the bar for quality UI for everyone

[raduflp]

More credits should be given to Recharts team, shadcn contribution is just a very thin wrapper. Nevertheless, now recharts will get more eyes on it and hopefully improve faster.

[zeroliuxiyuan]

Shadcn/ui did a great job consolidating these information together but worth calling out that most of the good stuff that Theo calls out in this video is mainly about Rechart the library. You can go very far with Rechart as-is if you are not on the shadcn/ui stack.

[abhishekvash]

Apache ECharts is probably the best thing that most people haven’t discovered yet

[orcdev]

Chadcn is killing it! Can't wait next release, that sidebar is going to be awesome! ⚔

[CletusJonesURL]

Don't forget about the Charts library I made for Flutter: Flarts

[codeChuck]

15:30 'Randomly generated data' to support the point of view :) LOL, I though you gathered some real data about usage of those frameworks?

[dmitriistukalov]

I used recharts on multiple different projects and recommend everyone to try, you can literally do anything with not much effort

[colin_actually]

It's the dark theme that really makes them look so dang good. The other chart sample galleries are usually light.

[aleksd]

Recharts literally looks like that by default with proper color config, nothing new. Don't understand the huge praise

[linuxguy]

As a C programmer, I'd just load in OpenGL and generate it all using triangles and a basic shader.

[ElFrontend]

What I like most about shadcn is that it is taking the best available tools, such as Recharts, and building a robust ecosystem based on its design system. Good Review @Theo

[richardhaddadau]

I'm sold. Making charts sucks a lot so knowing Shadcn has a simpler way, why not.

Thanks for the video.

[ustav_o]

missed the opportunity to use the chartcn/ui in the thumbnail

[mohabedr]

I'm out. Charts should not be rendered with SVG. Instead, we have HTML Canvas, which can run complex animations at a higher frame rate.

[thebocksters]

correct me if I am wrong, but isn't Shadcn, just a library with prewritten styles on already build components? I am talking for shadcn UI and shadcn Charts. The first is build on redux, but with added styles and the second is build on Rechart, but with added styles

[jasmeetbrar]

Ah this is awesome! Sadly it doesn’t have Sankey graphs, so I still have to rely on D3 for that.

[dmitriimakarkin]

Check apache e-charts (having react wrapper). Not that hyped, but easy to use and very configurable, made with canvas

[Cyanide]

" *349* packages installed "...for some friggen charts.

You know, if you wrote like 20% of the code that makes your project do what it does, and the other 80% was imported, is it really *your* project at that point? If I put together some Ikea furniture, am I a furniture maker? Am I the same as the guy who cut raw lumber into shape, sanded it, finished it, and fit it together into a piece of furniture? I think some of the imposter syndrome a lot of web developers have comes from the fact that you wanted to be like the carpenter, and you let people think you're like the carpenter, but really most of what you do is more like assembling Ikea furniture.

[patrickaikonia]

I love Shadcn because it gets rid of the need to design frontend component and rather focus on the application logic and interactions of your site. Game changes for people who are not even doing UI/UX design