/my-spotify-top50

Primary LanguageJupyter NotebookMIT LicenseMIT

My Top 50 on Spotify

by ddspog;

project forked from ss1993 project.

Introduction

As a part of the Visual Analytics course at UFCG, I have taken my top 50 artists from Spotify using its API endpoint and I made a graph out of it connecting artists that share at least one music genre. Later, I also took advantage of related artists endpoint to make further connections.

The visualization was made with d3 v4 using the force layout.

You can see the demo running here.

Example

I took advantage of d3 forceX method to distribute the graph's nodes based on their genre.

The legend was made using the d3 legend library.

Updates

  • I've made some changes to the CSS and JS file generating the graph to display the genres for each artist;
  • I've made collected the data using a Node Jupyter Notebook, that's on this project.