If you’re building a dashboard, analytics platform, or any web app where you need to give your users insight into their data, you need beautiful, custom, interactive data visualizations in your React app. But building visualizations hand with a low-level library like D3 can be a huge headache, involving lots of wheel-reinventing. In this talk, we’ll see how data viz development can get so much easier thanks to tools like Plot, a high-level dataviz library for quick & easy charting, and Observable, a reactive dataviz prototyping environment, both from the creator of D3. Through live coding examples we’ll explore how React refs let us delegate DOM manipulation for our data visualizations, and how Observable’s embedding functionality lets us easily repurpose community-built visualizations for our own data & use cases. By the end of this talk we’ll know how to get a beautiful, customized, interactive data visualization into our apps with a fraction of the time & effort!
Check out more articles and videos
33 min
Building Better Websites with Remix

33 min
Don't Solve Problems, Eliminate Them

47 min
Design Systems: Walking the Line Between Flexibility and Consistency

30 min
React Query: It’s Time to Break up with your "Global State”!

43 min
RedwoodJS: The Full-Stack React App Framework of Your Dreams

32 min
AHA Programming

Workshops on related topic
Workshop
177 min
React Hooks Tips Only the Pros Know

Free Workshop
132 min
Concurrent Rendering Adventures in React 18

Free Workshop
145 min
Web3 Workshop - Building Your First Dapp

Workshop
174 min
React, TypeScript, and TDD

Workshop
96 min
Rethinking Server State with React Query

Workshop
125 min
Getting Started with Suspense and Concurrent Rendering in React

Upcoming events