Dataweek
Case
In a week, together with a partner, design and build a data visualization around the theme: music.
Quick links
For this “dataweek” challenge, we could use an external API for fetching data related to music. The API me and my partner chose, was the Spotify API. Since I had worked with this API before, we were able to get the basic setup quite quickly which allowed us to completely focus on the story we wanted to tell.
After much brainstorming about how we could implement this topic into our project, our concept ended up being a visualization of your Spotify playlist throughout the years. This visualization would show you what songs in your playlist came from what era. This story would be told in a visual “scrollytelling” website, where you scroll through the eras of your playlist.
My partner was responsible for all the (beautiful) background illustrations, and I was responsible for putting everything together with code. I built the website in Angular because an earlier Spotify API project I had done was also built in Angular, so I could reuse a lot of the structure.
The fully built product would be able to be viewed with any Spotify account. However, since the application isn’t officially verified by Spotify, only manually added accounts can be used. To view the entire prototype, you can take a look at the video below.