An interactive visualization of your Spotify listening habits. Built with: D3.js, JQuery, Express and Handlebars.
My final project for Spiced Academy, a 12 week JavaScript-based web development course. Spotify API charts was completed in the last week of the course.
View online here
-
Data Viz: D3.js (bubble chart), Britecharts (bar charts)
-
Frontend: Handlebars
-
Backend: Express
-
API: The app connects to the Spotify Web API using the Implicit Grant Authorization.
Once a user authorizes the app, they can view charts of their top tracks...
or favorite audio features (long term or short term) ...
or search any track to view its unique audio features.
