data visualization in react
Hi guys, I am wondering what would you recommend for data visualization in React?
I've played around with d3.js a bit ~4 years ago, and I guess it's fine but I remember it was kinda tricky to integrate it with react at the time, so I am wondering what is now "goto" solution/library that you use in 2023 for data visualization?
3 Replies
tremor, but if your looking for something more custom it might not be a good fit
highcharts is wonderful for the 80% of data viz I end up doing. Great built-in animations, straightforward config, typed, good React integration.
I'm using highcharts with some tremor UI here: https://nl-joke-val.vercel.app/
https://github.com/gleasonw/nl_joke_val/blob/main/new-front/src/app/dashboard.tsx
If you have experience with d3 and want something custom, you can absolutely integrate it with React. Here's a good example https://www.youtube.com/watch?v=kPbRDn5Fg0Y
If you just need to render some basic graphs highcharts works.
Sam Selikoff
YouTube
Building an Animated Line Chart with d3, React and Framer Motion
Learn how to build an animated chart in React using d3, Framer Motion, Tailwind CSS and date-fns.
🪄 Framer motion course: https://samselikoff.com/framer-motion-course
📈 d3: https://d3js.org
🧑💻 Chart from video: https://gist.github.com/samselikoff/4aff333f7c8538bb44f1806931c39be5
- 0:00 – Intro
- 2:05 – Line
- 5:55 – Scales
- 11:37 – Using r...