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
Building Better Websites with Remix
Don't Solve Problems, Eliminate Them
Design Systems: Walking the Line Between Flexibility and Consistency
React Query: It’s Time to Break up with your "Global State”!
RedwoodJS: The Full-Stack React App Framework of Your Dreams
Workshops on related topic
React Hooks Tips Only the Pros Know
Concurrent Rendering Adventures in React 18
Web3 Workshop - Building Your First Dapp
React, TypeScript, and TDD
Rethinking Server State with React Query
Getting Started with Suspense and Concurrent Rendering in React
Want to have access to all events for 4x less?
16-20 Jun, 2022
React Summit 2022
17-21 Jun, 2022