🌍 Public
Viewing a saved revision (read-only)
2d5a7e1385a54ac399d340b4a5b31621
Bar Chart with Basic Hover
This bar chart displays the top 10 countries by population using data from the UN Population Estimates 2024. It highlights the currently hovered bar in black while dimming others to gray, using D3's `mouseenter` and `mouseleave` events with a state management system. The chart employs `scaleLinear`, `scaleBand`, and `axisLeft` from D3, with responsive axes from `@curran/responsive-axes` and an inner rectangle fill for the plotting area.
AI-generated descriptionChallenge
- Add this interaction to a bar chart or other visualization that you have created