Project
You now have the full performance toolkit: measure first, optimize React, and switch to canvas when the data demands it.
To close the course, let's build a force-directed graph of the world's flight routes: thousands of nodes and edges that would freeze in SVG, rendered smoothly in canvas with a hover tooltip.
Congrats!
You've reached the end of the performance module... and of the course!
You now know how to spot what makes a chart slow, fix the cheap things first with useMemo and throttling, and, when that is not enough, drop SVG and render with canvas.
Time to combine everything into one demanding chart: a network diagram of the world's flight routes, rendered in canvas so it stays smooth.
Oh no! 😱
It seems like you haven't enrolled in the course yet!
This is a lesson from the D3 ❤️ React course, where you learn 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