Stop copy pasting D3 examples, create data visualizations of your own. Learn how to build scalable dataviz components your whole team can understand with React for Data Visualization – updated for 2020. So you want to build a beautiful data viz. You’ve got data burning a hole through your pocket, an idea for a juicy story, and your boss or client are waiting for results. You want something that looks great, works in the browser, performs on mobile, lets users interact with their data, syncs across an entire dashboard, and works as building blocks for future projects.
Cool … now what?
Dynamic data visualization for the web is a pain in the ass you see. Harder than it looks.
Yeah sure anyone can build a chart in google docs but that’s not what you’re after is it? You can’t build a product on top of google sheets. You definitely can’t feed in dynamic data from an API, personalized to the user, and let them navigate and explore.
You’ve heard people build these amazing things with D3. The New York Times uses it, The Guardian does, so do Netflix, Uber, 23andMe, Visa, Walmart, and many others. I know because they’ve been to my workshops
You hunt the web for examples and omaigod what is this!? How the hell is D3 doing that? ?
That’s a bar chart by the way. You’d never guess just looking at the code. I’ve been doing this for years and I still have to simulate D3 examples in my mind to figure out how they work.
You decide that’s too much and look for a library. Something easy you can use to finish real quick.
You find a bunch of libraries built on top of D3. Some even combine React and D3. Perfect for any modern web project!
You cobble something together and call it a day. Job well done.