💤 Sleep Health Data Visualisation

A simple 2D line chart visualisation of my sleep data as recorded by my Apple Watch using Pillow for iOS.

• Examples
• Metrics
• To Do

Examples

• Recent sleep quality vs awake time stacked charts
• Sleep quality over time across all recorded sessions

Metrics

Sleep Quality (%)

Deep Sleep (% of session duration)

Light Sleep (% of session duration)

REM Sleep (% of session duration)

Awake Time (% of session duration)

Session Duration (% of 8 hours)

To Do

• Date parsing not working in Safari and breaks graph
• Update screenshots in README
• Update session breakdown to include data like the ios app does
• Can we get heart rate data from the raw database export?
• There are 58k sleep stage records mapped -> undefined, why?
• If you change the date-range and the selected session is no longer in that range, what should happen?
• Web worker makes about 800 cached resource requests while its loading
• Looks like the line chart redraws from new each time now instead of tweening. Is it the loop?