Musicscape Apps

Visualizing your Spotify music tastes

Building a 3D Spotify Data Visualization Website


Try the app out here:

Three.js, Javascript, HTML/CS, React
As an avid Spotify listener myself, I was excited when I found how accessible and in-depth Spotify’s API was. Using this, I created a website that visualized your music tastes by abstract qualities such as valence (mood), acousticness, and energy. Each song is a single dot that’s plotted on a three-dimensional graph according to these qualities.

This video below uses audio. Please unmute! 🎶️

2021: Spotify Profiles

Tools/Languages used
  • Python
  • Pygame
  • Scikit
  • Numpy
  • cmu-112-graphics (TKinter)

This was the final project for my computer science class. Usually, artists are labeled with a certain genre. But many artists have a wide range of styles that expand across multiple genres and styles. With this app, I wanted to visualize the different styles of an artist and how their songs relate to each other.

In the video demo below, you can see the different moods of Lil Uzi Vert as he expands on the domain of rap ranging from his emo-sounding to his dance-oriented music.

Some challenges that came with making this project was how to see the eleven properties such as valence, mood, danceability, and loudness of music all at once on a 2d screen. I approached this with algorithms such as k-clustering and dimensional reduction to group similar songs together through similar characteristics across those eleven properties. While I got an A for this project, I was not satisfied with the visuals due to the limited time. I may improve the visuals in the future.

This video below uses audio. Please unmute! 🎶️