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 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 goal isn't to teach you a few chart types — it's to give you the foundational building blocks to build literally anything.
Oh no! 😱
This lesson isn’t available just yet.
Take a look at the status badges next to each lesson in the sidebar to see when it’s coming out.
Thanks for your patience! 🙏