Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

fork of Finishing Touches

Public visualization

Viewing a saved revision (read-only)

c1bbcef1b5d942ee99df9e169ba42031

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