Hotline Bling
Gagan

Hotline Bling

Information Design

Information Design

Information Design

Information Design

Information Design

Information Design

Information Design

Information Design

Information Design

Motion Design/Time-Based Communication

Designer(s)
Gaganjeet Saggu
Duration
5 Weeks
Recognitions
Animated Visualization
Hotline Bling is an animated data visualization that showcases data from a person's calls throughout an entire year. The goal of this motion graphic was to bring life and personality to the data. Additionally, the motion graphic would provide interesting insights and information to the data as well. For this animated visualization, it was made to show the call duration, number of calls made and call type for each day of the week of that month. The types of calls vary from buddy outgoing/incoming and non-buddy outgoing/incoming calls. As shown in the motion graphic, the buddy calls are shown as blue circles and the non-buddy calls as red circles. Through these circles, the data can overlap and showcase variation in hues to provide insight into different days of the week.
Initial Data Set
Through coding on Processing, this initial data set was developed to map out two months' worth of data. The goal of this visualization was to map out the data symbolically by having it represent call towers and flowers blooming. To execute this, the line for each month was represented by how many calls were made for each day of the week. The call duration and call type for these days of the week were mapped out to the end of these lines to construct the visualization. Once all of this was executed, the visualization was able to represent the data and symbolic imagery effectively.
Calls Throughout the Year
Once the coding was completed for the initial data set, the code was then ready to be fed each month’s data set. By doing so, for each month being visualized and then exported as a PDF through Processing. The exported PDF contained individual layers for all of the circles and lines within the visualization that can be brought into Illustrator to develop compositions for the motion graphic.
Style Frames
Once all of the data was exported and ready it was time for it to be visualized through motion graphics. The goal of the animated visualization was to take the initial idea of the blooming flowers and cell towers into motion graphics. Through these graphics, it would breathe life into each of these ‘cell towers’ to showcase how each day of the week was constructed. Additionally, instead of a legend the visualized can be explained and shown through this symbolic asset that was developed. Each ‘tower’ or ‘flower’ was shown to explain how the visualization was constructed. The animated visualization also provides the viewer guides and explanations of what sort of insights were found within the data set. An upbeat score was also chosen to match the blooming of the towers and provide an upbeat tempo to the visualization.
Special Thanks to...