Website hero section
Vis 1: Sleep calculator input of the sleeping and waking times
Vis 1: Sleep calculator result for a perfect sleep
Vis 1: Sleep calculator result for not such a good sleep
Vis 2: Circadian cycle clock displaying the body temperature as well as melatonin and cortisol levels for each hour of the day
Roles: Frontend & Data Vis Development
Tech: CoffeeScript, Backbone, Underscore, Jade/Pug, Stylus, Gulp
Company: while working as Data Visualisation Developer at Small Multiples (Sydney, Australia)
Client: The Guardian & Philips
"Sleep deprivation is a hidden productivity killer, affecting attention, memory, and decision-making in the office and disrupting our lives at home. So what can we do about it?"
This interactive article in the Australian edition of "The Guardian" features two visualizations to inform people about their sleeping habits and provide tips for a healthier sleeping behavior.
The first visualization is a sleep calculator which takes into account the sleeping and waking times to show the number of hours slept as well as visualizing a personalized REM cycle graph.
The second visualization shows a circadian clock that displays the typical body vitals at each hour of the day and the consequences of body temperature, melatonin and cortisol levels for a good sleep.
Unfortunately, this project is not available on the Guardian website anymore.