/spotRecs

Song Recommendation and Playlist Visualization with Spotify API

Primary LanguageJavaScript

spotRecs

Recommendations and Playlist Visualizations with Spotify

I use Spotify all the time and I'm constantly on the hunt for new songs, so I developed SpotRecs, a web application that 1) recommends songs to users based on input seed songs and 2) visualizes playlists. It utilizes Spotify's API in order to process and analyze songs, allowing users to know more about what music they enjoy.

Built with Express, Node.js, Bootstrap, Handlebars, Request, Spotify API, Heroku, Highcharts

March 2017 - Aug 2017

Screenshots

Playlist Visualization

Selecting a playlist playlists

Visualized results in 2D, each point represents a song. The distance between songs represents how close they are in features. graph

For visualization, features are extracted from each song via Spotify API and the dimensions are then reduced with the t-SNE algorithm. t-SNE, or t-distributed stochastic neighbor embedding uses a probablilistic model to preserve distances between multidimensional vectors while projecting vectors into 2d space.

References:

Visualizing Hundreds of My Favorite Songs on Spotify by Dimitris Spathis

t-SNE implementation in js by science.ai

Song Recommendation

Searching for songs and viewing the resulting recommendations

recommendations

Analysis of the resulting songs, comparing different attributes of each song

analysis