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
We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

33 min
Building Better Websites with Remix

20 min
Routing in React 18 and Beyond

25 min
A Guide to React Rendering Behavior

30 min
Using useEffect Effectively

30 min
Cracking the Concurrent Mode

27 min
Inside Fiber: the in-depth overview you wanted a TLDR for
Workshops on related topic

132 min
Concurrent Rendering Adventures in React 18
Free Workshop

177 min
React Hooks Tips Only the Pros Know
Workshop

174 min
React, TypeScript, and TDD
Free Workshop

145 min
Web3 Workshop - Building Your First Dapp
Free Workshop

96 min
Rethinking Server State with React Query
Workshop

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