an interactive visualization of your most liked spotify songs, or any playlist in your library. uses the spotify api. a spotify account is required for access.
- joonho ko (joonhok@mit.edu)
development was done slowly and incrementally, and was done after a thorough exploration of the spotify API and what it was capable of. before exploring the API, i had no idea what kind of visualization the final project would turn out to be, since i did not know what data there was to visualize in the first place. the audio features data stood out to me as something sufficiently interesting to try to visualize that not many people had tried to visualize before.
after creating a static, non-interactive visualization of just one collection of songs -- namely the top 25 songs -- i deployed the web app to heroku and asked my friends to 'playtest' and give suggestions. from there, and after reading peer reviews from class, i added customizability and interactive elements such as changing the axes, changing playlists, hover interactability, and playing the song you're hovering automatically. being a one-person team, i didn't get to complete all the features i wanted to in time, but i hope to come back to this project at a later time and flesh it out more.
interactive-spotify is currently deployed here. if you would like to add new features or develop on top of this project locally:
- clone and cd into this repository.
npm install- you need the
client_secretvariable inapp.js-- ask the developer for access. node app.js- open the app in your browser on
localhost:8888.