Project
Congrats, you just reached the end of the hover effect module. You now understand the main strategies to add hover effects to your React charts.
This project lesson encourages you to apply them on a real dataset and a real dashboard.
A quick recap
You now know four different strategies to add hover effects to your charts: from simple CSS pseudo-classes, to descendant selectors, to React internal state, all the way to lifting state up for cross-chart synchronization.
Each strategy has its own trade-offs between simplicity, design flexibility, and performance. You now have the tools to pick the right one for any situation.
Time to put it all into practice on your energy dashboard.
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