Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Sleep Health- Interactive Visualization Dashboard

Public visualization

Viewing a saved revision (read-only)

3999b64bbd8d422a8a16a5cbd0e4c65d

Sleep Health- Interactive Visualization Dashboard

0 stars0๐ŸŒ Public
Ccsabavath@wpi.edu
Last edited Dec 4, 2025
Created on Dec 4, 2025

This interactive dashboard visualizes sleep disorder prevalence across low, medium, and high stress levels, using 100% stacked bars with animated transitions. Users filter by gender and toggle between all categories or disorders only, with hover tooltips and clickable legend items that isolate healthy versus disordered sleep groups. Built with React and D3 v7 (d3.scaleBand, d3.stack), the SVG chart renders from a CSV dataset and updates bins and counts dynamically. The animation and ordinal color scale highlight how higher stress correlates with increased Insomnia and Sleep Apnea rates.

AI-generated description