As a design enthusiast, I have had the privilege of exploring various design technologies during my tenure at Parsons. Below are some of the projects I have undertaken that have helped sharpen my design skills, passion and dedication towards my creative practice.
Instructions :
W for Wednesday | T for Thursday | F for Friday | S for Saturday | Q for Sunday | M for Monday
The Data Portrait project is a visualisation tool that uses code to create an interactive and dynamic representation of data, it showcases the portrait of text messages sent on different days of the week. . For this project I spent a week tracking a personal habit to create a data-self portrait. I recorded the data onto a numbered list every time it happens, and translate the list into array in p5.js and then animated my data self-portrait using a few programming concepts.
I decided to collect the data set for number of Texts I send in a day. Staying so far away from home I am constantly in touch with my family and friends through texts so I planned to collect and portray data for each days texts.
I choose to use circles to represent my data as they seem a good fit for the hypnotic side of phones, it is a world that sucks you inside of it!
The code creates a canvas and uses the filter function to select the data for the current day, based on the "currentDay" variable. The background colour of the canvas is set to the "backgroundC" property of the filtered data.
The code then uses the "createTextCircles" function to create circles that represent the number of texts sent on that day. The function takes two parameters - "textCircles" and "fill" - which determine the number of circles and their colour. The function uses a for loop to create the circles, with each circle increasing in size. If the number of circles is not a whole number, the last circle is an arc that represents the remainder.
The code also includes a function called "keyPressed" that allows the user to change the day being displayed by pressing a key on their keyboard. Each key is associated with a different day of the week, and the function updates the "currentDay" variable accordingly.
