Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sleep vs Stress × Gender (Filters + Error Bars)

Public visualization

Sleep vs Stress × Gender (Filters + Error Bars)

0 stars1🌍 Public
Ccsabavath@wpi.edu
Last edited Oct 9, 2025
Created on Oct 8, 2025

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 description

Comments

Sign in to join the discussion.

MIT Licensed