How much hand sanitizer did I use in the past seven days?


Data visualization, Creative Coding


︎ P5js

︎ Javascript
︎ MapAPI

In this project, I record how many times and punches of sanitizer I used each day.
These data have been formatted in a JSON file which is shown below.
In this dynamic data visualization sketch, I use different colors to map the level of danger for different locations that I visited.
For example, different color reflects different safety levels:

︎ ︎︎︎ Safe
︎ ︎︎︎ Low
︎ ︎︎︎ Fair
︎ ︎︎︎ High

Each circle size reflects how much sanitizer I used at that place. My route is also shown with connected lines.
This program will calculate the sum of times I used sanitizer is visualized as the quantities of sanitizer bottles.