Project #9 Data Portrait

See my code here

Description

Hello there, the above is me, portrayed in data from my sleeping habit & drinking habit.

Conception

I felt my sleeping and drinking habit is very representative of my lifestyle (and its complications). Here I collected data from my apple watch's health app for the most accurate sleeping data. I then transfered the data into an Excel sheet which is later converted into JSON by an online Excel - JSON converter (link at the bottom of this page).

Sketches and Mechanisms

I use the horizontal x locations to mark the "going to bed" time and "waking up" time. The color of the line signifies whether I am drinking that day or not with yellow being YES. The lines form a set of 7 days (21 days in total) of data, and it is moving out of the canvas with time like the past fading out of memory.

The background is a gradient drawing according to the time scale with x:0(width) being 6PM and x:50% width being 6AM.

The lines demonstrates the dramatically varying amount of sleep I get, on one hand, due to course work, the other is drinking too much.

Reflection

For this project as well, I did not get to do everything that I planned out. I originally was going to use the gradient as the color of the lines by layer masking the gradient with the layer of lines. However, there is some sort of implication when using setTimeout() with layermasking. I had to abandon that goal and it arrived at this outcome.

Overall, this assignment is really educacting. It made me realized how I looked like in the form of data (and how that data could portray me in a way that I totally never thought myself of). setTimeout() is also very useful as I remember looking for a similar function earlier in this course but did not find one.

References & Used Tools

Excel - JSON Converter