Project
Congrats on finishing this module! With SVG and D3, you now know how to draw almost anything on screen.
This lesson wraps up and shows how the course and the graph gallery work together.
Well done!
You now understand what SVG is, the main SVG elements, how the path element works, and how d3-shape generates paths from data.
Every chart type follows the exact same pattern: only the d3-shape function and SVG elements change.
Your mission
Now, go explore the pie chart section of the gallery.
You'll see that you already have most of the skills needed to follow along! You know the general strategy, which means you can quickly pick up how each d3-shape function works.
For instance, you're now ready to understand a chart like this:
A basic pie chart built with React (rendering) and d3.js (layout)
Course + Gallery = 🔥
This course teaches the core concepts (SVG, scales, axes, interactivity) of how D3 and React work together.
The React Graph Gallery provides in-depth guides for each chart type.
The course goal isn't to teach you a few chart types: it's to give you the foundational building blocks to build literally anything. If you need a specific chart type, check the gallery!
Oh no! 😱
It seems like you haven't enrolled in the course yet!
Join many other students today and learn how to create bespoke, interactive graphs with d3.js and React!
Enrollment is currently closed. Join the waitlist to be notified when doors reopen:
Or Login