Data Portrait
Description
This project is based on the data of me washing my hands in 5 days. I recorded the time I wahsed my hands and used them as a value to control the movement of the typr in my design.
Design Process
First step was to collect the datas. I recorded them automatically on my Ipad for 5 days. I have a rule for myself which is only to record 10 times a day.
If you look into my p5 file, you will notice I change my data into another format. It was originally time datas, and I transfered them into simple nubers. This transformation allows me to transform my design as I imagine it. Recording my data was not Challenging at all, all I need to do was remember write the time down.
Originally, I had two ideas. One is to use water drops as representatives, another is to use type. I chose the second idea at the end because I think water drops could mislead audiences into some wrong messages, like water protection, ect. Also, I like to use type as a element in my design.
Each words reprsent one day, and the horizontal movement frequency was based on the data that I collected. As well as the type size. The moving line is a symbol of the time which moves from left to right.
Reflection
This is my first time using json in p5.js. I think is really cool feature, and I could see a lots potential with it. It was challenging but feasible I was confused at first because I was not sure where to place the datas in js file. I watched some tutorials on youtube which helped me figured it out. The biggest thing I learn from using json and this project was not to be afraid of learning a new feature. Just do it first.