Finalizing Visualization and final changes

Visualization 1: Colliding Particles

For the final visualization we made some changes to make the visualization a bit more communicative and emotive:

  1. We decided to change the interaction to show how spams and soundcloud user promotion push the regular comments out to make a wall of BS between the artist and the regular comments.

    Screen Shot 2016-05-26 at 21.03.49

  2. We added one more category of comment apart from the initial three. The new category is the SoundCloud promotion which mask them self as real comment. Those are the comments like “Really cool track. Please check me out!”
  3. We changed the circles to talking face GIFs to make it more playful and emotive.
    We designed the regular comment as smiley faces and the normal SoundCloud Profile promotion as very talkative and attention grabbing faces.
    The SoundCloud profile promotions which mask themselves as real comments as a face between regular comment and normal soundcloud profile promotion.
    Spams are robot faces.

Visualization 2: Concentric Circles

For the final visualization we changed the comments to appear in the sequence they were posted on soundcloud to make it more clear. To still see the patterns in the commenting based on posting time on song, we introduced a micro-visualization: a histogram over the the music progress bar on the left top of the screen. The user can hover and see the comments posted on that particular time on the song.

We also did some minor visual changes to make the whole visualization a bit more readable: changing the date format from 01/05 to 01 Apr; increasing the font size by 2 points; making every 5th circle in the concentric circle brighter than others to make it more readable and change the colour scheme of the comment category.



Scenarios Take Three :P

Scenario 1

Tyler is a 18 year old high school student in his last year. He’s a big fan of a specific female newcomer music artist which regularly posts songs on Soundcloud. He follows her closely on all her social media outlets and is an active speaker in the fan community. One day he’s checking out the musician’s newest updates on his smartphone, one of which encourages her fans to have a look at a visualization of her music and her follower’s comments on Soundcloud. He follows the link, but nothing shows up, except a message saying that the visualization doesn’t work on smartphones. Usually he would now just ignore the whole thing all together, but as she is his favorite artist and many fellow-fans, that he knows well, reacted very positive on her message, he gets up and uses his laptop to access the visualization.

When entering the site, a text informs him that this is a real time visualization of emotions on Soundcloud, connecting the music’s emotion with the emotion of user’s comments. Instantly after that a song of the musician starts to play and a visual starts to evolve.

After watching it move and seeing small things of varying shapes popping up around the main part for some time, he examines the screen further, trying to get more information about what he’s seeing. He manages to find out that the position, size and coloring of the visualization should indicate specific emotions and that the little things popping up are the comments. He does not fully understand the logic behind the “emotion thing”, but he enjoys looking at the fancy visuals.

When he gets a bit bored of that, he is looking for a way to identify and read the comments. He wants to search for the comments that he posted on this song. Since he can find no option to search for a specific user/comment, he stops the visualization and looks at the comments manually, going forward and backwards. When he finally finds his comment, he’s especially thrilled to see instantly that many people reacted very similar to him on his favorite part of the song and feels understood.

Since he listened to the whole song now, he wants to compare different songs of the artist on one glance. But finding no option to do this he instead starts browsing through the suggestions/examples the sites gives for other songs. Checking out a song of a very popular artist, which he dislikes for being so mainstream, he instantly notices that the visualization is much simpler and that most of the comments are unrelated to the song itself or are very short. He instantly feels that “his” artist is a much more accomplished musician and that people listening to her songs are “real” music lovers, and overall much smarter than that mainstream artist’s fans.

Lastly he returns to the first song he listened to and takes a picture of the overall visualization. Then he comments enthusiastically on the original post of the musician and sets the picture as his new wallpaper.

Scenario 2

Jackson is a 25 year male data analyst working in a consulting firm. He like to listen to music while working. He also like to explore new music and for that he uses Soundcloud. Being a data analyst he is always interested in finding patterns in what he is doing or what he likes.

One evening while he was relaxing and listening to music on Soundcloud he found a comment saying “Examine how this song feel [LINK]”. He clicked on the link and it open an audio visualizer with the song playing. But he suddenly realized that the visualization was slightly different, it visualized emotions and comments on Soundcloud as and when they appear. He thought that he could use this visualization to visualize all the songs he like and see if he likes similar kind of songs and also predict which songs he might like depending on the visualization.

He was amused to see that most of the songs he listen have a similar final visual although it was hard to understand for him what the visual mean or signifies. He now want to do the same process for the songs he hates and see if something useful can be achieved from it 😉

Scenario 3

Taylor is 31 years old indie musician who plays pop music and uploads it on soundcloud. She got to know about this new app featured on soundcloud which gives you more insight about the music a user uploads or listens. This makes Taylor curious and she visits that link to find out more about it.

She opens the app and enter the link of her song. The app gives her two options 1. to analyse the comments and 2. to find the emotional journey of the song. She first get interested in knowing more about the comments and clicks that part of the app. She get to see which word are used by the users most in their comments and when the user comments. Although she is bit upset as she can’t find what exactly each user comments but with the data she is happy to see what word are being used to describe her music and are the comments positive or negative. Now she wants to know the emotional journey of her song as she is bit confused by the title what it means. She open the visualization and sees the animation and first is confused about it a bit as she does not realize that a computer can track emotions in a song. But once she warps her head around that she enjoys the animation and is surprized to know some part she expected to be happy shows a completly different emotion. She also gets some insight on when people comment in an emotional scale.

Now Taylor wants to use this app for all her songs so she goes back and link her other songs to the app and is waiting for the results. After that she posts a link on her social media inviting her fans to check out the sweet visualization of her song.


  • Side-by-side view of different songs is prob. interesting (Ability to input a bunch of songs might be useful.)
  • It need a good introduction of how it works.
  • Changing the song should be easy and intuitive.
  • Ability to switch quickly and easily between the 2 parts.
  • It helps to analyse the song if the visualization take something understandable to visualize like emotions rather than something which is hard to imagine like frequency or pitch.
  • Give clear indication of what the different variables indicate, when desired (?)
  • If user is interested in comments, he should be able to access and analyze them further
  • Maybe length of comments should be variable as well?
  • Navigation through visualization should be easy – should give several options on how to look at song
  • Some users might not be interested in the comments at all.
  • It might also be interesting to see how a user listen to a song / music and how the “algorithm / computer” interprets it. Might give some insights in different cultures and how they feel about different things.
  • It might also be interesting how covers are visualized with the original song and how different are they
  • As always, sharing option is important
  • Technical: Mobile use should be supported (theoretically)