Project

Congrats!

You now know how to make any chart responsive using the useDimensions hook, how to organize your code with the wrapper pattern, and how to avoid the most common pitfalls.

That means every chart you build from now on can adapt to any screen size. That's a game-changer for real-world projects.

Now it's time to prove it. Let's build a responsive mini-dashboard with multiple charts that adapt to any screen size.

Your mission

Build a page with at least 2 charts side by side. The charts must be responsive: they should adapt when the browser is resized.

You can use any chart types you've built so far — barplots, scatterplots, bubble charts... The key is that each chart uses the wrapper pattern and the useDimensions hook.