🌍 Public
Sleep vs Stress × Gender (Filters + Error Bars)
This interactive visualization displays the percentage distribution of sleep disorders—None, Insomnia, and Sleep Apnea—across three stress-level bins (Low, Medium, High). A dropdown filter restricts the visual to All, Male, or Female respondents, dynamically updating the stacked bar chart and title with the selected gender and sample size. Built with d3.v7 and React, the chart uses D3’s `scaleBand`, `stack`, and `transition` APIs to animate bar segments, with tooltips showing exact counts and percentages. Data comes from the bundled `data.csv` file.
AI-generated descriptionMIT Licensed
Comments
Sign in to join the discussion.