🌍 Public
Viewing a saved revision (read-only)
66ad5f1e7c034c8ca1bdec9ba200d421
Fork of Bar Chart with Basic Hover
A horizontal bar chart displays the top 10 house IDs by living area in square feet, sourced from the dataset01 module. The visualization uses d3.scaleBand and d3.scaleLinear to map categories and values, with axes rendered via the responsive-axes library. Hovering over a bar triggers a mouseenter event that appends a text label showing the exact data value and dims the bar, while mouseleave removes the label and restores opacity, using D3’s selection and state management for interaction.
AI-generated descriptionChallenge
- Add this interaction to a bar chart or other visualization that you have created