Viewing a saved revision (read-only)
26751b183142469c9cc3f33a3c6af09d
#HAW New Year's Resolutions
This interactive bubble chart visualizes New Year’s resolution survey responses by demographic category, with gender and age group buttons toggling the displayed percentages. The visualization arranges color-coded bubbles in an orbital layout around a central hub, using D3 transitions to animate circles and connecting lines into position. React manages state and container dimensions, while D3’s scaleLinear and selection APIs render the responsive SVG and handle click interactions that highlight individual responses.
AI-generated descriptionNew Year's Resolutions Survey Visualization
A D3.js + React visualization of survey data showing New Year's Resolutions by demographic categories (gender and age groups).
Features
- Interactive bar chart showing resolution percentages
- Toggle between demographic categories (Male, Female, age groups)
- Responsive design that adapts to container size
- Click bars to highlight selections
Data
The visualization displays survey responses across 6 demographic categories:
- Gender: Male, Female
- Age Groups: 18-24, 25-49, 50-64, 65+