Tune

DATA VISUALIZATION

2019

Tune is a project that attempts to plot the dynamic between music and its listeners. The National Institute of Design (NID) brings students from different parts of the country and diverse cultural backgrounds together, which gives rise to a variety of music preferences under one roof.

 

Done over the duration of a week, this group project involved collecting data, exploring suitable visual representations and finally creating a mapping that represents the correlation between the parameters. Two interactive visualisations were created as a result of documenting the song names, genres, associated moods, spaces and the corresponding activities of the respondents.

TeamManasa Krishnan, Sanjana Vamadevan, Sharan Adka, Stuti Sukhani, Videet Desai

slides_DataViz-04.png
slides_DataViz-05.png

Interviewing respondents through the lens of visual queries—what is the story?

THE 4-AXIS GRAPH

This representation addresses the first inquiry. To make connections within the different parameters, we created a four-point plot graph with parameters on each side and colours to match genres. Each quadrilateral represents a single respondent and their data.

In the visualisation below, the genres are interactive. Click on the genres to view the trends and correlations. 'How to Read' or the '?' in the view menu provides a quick guide to understanding the graph. 

Close up shots of the graph highlighting the details within the lines

1/2

THE ACCORDION GRAPH

The second representation looked at making this data collected accessible to everyone by reducing the number of parameters. Moods were marked on one side while spaces were marked on the other. Colour denoted the genres of the songs.

 

Time was divided into two—morning (6am—6pm) and evening (6pm—6am). Though this was plotted visually with the use of the upper or lower waves, we used viewpoint as another parameter. By creating an accordion fold, one can see all the morning songs from one position and the evening songs from the other.

In the representation below, click on the icons in the view menu to toggle between different views. Since the visualisation was intended for print, the sizes have been scaled down for digital viewing.

slides_DataViz-08.png

A mock print to test the readability of the graph in actual size (L), A visualisation of the views (R)

IMG_3103_Edited.jpg
1/2
coverimage4_DataViz-08.png
closeup4_DataViz-08.png

Closeup shots highlighting the song detail on the curves

slides_DataViz-06.png