Project


Congrats, you just reached the end of the tooltip module. You now have all the patterns you need to add a tooltip to any chart.

This project asks you to extend your energy dashboard with at least one well-crafted tooltip.

Members only
5 minutes read

A quick recap

You now know how to design a good tooltip, build a reusable Tooltip component, wire it up to appear on hover, and even snap to the closest data point on a line chart.

That's enough to add tooltips to any chart you build from now on.

Time to put it into practice on your energy dashboard.

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