Week 6 - Data Portrait

This week I decided to portray data of sharing activity done by my friends and me on an Instagram group. The group is the only way we keep in touch. All of us are working in different cities around the country and the world, and Instagram is the only way we are in contact with each other. We often share memes, mostly or sometimes some messages. So to proceed with this project, I collected the number of memes we shared in the past seven days. I jotted down the data on an excel sheet.

Then I made a visualization using Adobe Illustrator. I also designed micro-interactions like cursor changing when the mouse hovers over different colors on the graph.

I then designed some animations on the first bar using rectMode(CORNERS). I found this line of code beneficial for my design as I wanted to play with the height of the rectangles in my assignment.

After achieving the desired animation, I added finishing touches, like the mouse hovering effect and a fade in animation when the graph bars appeared.

Reflection

In a nutshell, I liked working on this project conceptually. I miss my friends. Each of us is in a different part of the world, and it's no surprise that we share a shit ton of memes.

I am getting more confident in my coding skills. After working on a few projects, I can quickly identify where I am going wrong or efficiently decode my issues using console.log or print().