Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

fork of Finishing Touches

Public visualization

Viewing a saved revision (read-only)

f9192e97a0c5457cbbea1963af822589

fork of Finishing Touches

0 stars1🌍 Public
Ccsabavath@wpi.edu
Last edited Nov 30, 2025
Created on Nov 21, 2025

This visualization shows a 100% stacked bar chart of sleep disorder prevalence across stress levels, using data from a sleep health and lifestyle dataset. The chart displays the proportion of people with no disorder, insomnia, or sleep apnea, with a gray and two blue color scheme to distinguish healthy from disordered sleep. Users can filter by gender and view only disorder categories through dropdown menus, while hovering reveals exact percentages via a tooltip. The implementation uses D3 v7 with d3.stack, d3.scaleOrdinal, and d3.axisBottom/Left to render the SVG with interactive animation.

AI-generated description