Project #9 Data Portrait

Austin Bailey

CC Lecture - Shirley Leung & Aarati Akkapeddi

https://editor.p5js.org/AustinBB/sketches/InazFMr0g

For my data portrait, I wanted to do a something that was timely, a habit that has been become accustom to most of us - putting on our masks. Each day, I put it on the same way but at different times for different durations. I wanted to track this over seven days to see how often I am wearing my mask and in New York that also means being outside because you can rarely be outside without having your mask on.

To showcase the data above, I wanted to keep it simple and abstract using circles to represent the moment when I put on my mask throughout each day and a red line to showcase the duration. I used setTimeout() to animate the first time I put on a mask during my seven day stretch, which then follows the second time all the way to the seventh. Over time, the viewer starts to feel how often it is that I have to put on my mask while the data overwhelms the canvas. After each data point is loaded, I then animate on a clear indicator that labels each day with each colomn of data, so the viewer can tell which days I wore my mask more than others.

Overall, I learned that I wear a mask roughly 3-4 hours out of my day and everytime I'm outside which is a good thing but I also realised that I'll eventually need a break from the city and potentially take a trip where I can have a bit more access to nature where it's safe to be outside without a mask.

My data portrait accurately showcases how many times I wore my mask but inaccuratley show the duration. It only shows an approximation which overall looses the total time worn. This can be fixed with further coding that adds a hover feature to show a more in depth breakdown of time worn for each circle.