To use the application you need to open it in your favorite web browser such as chrome or firefox. when you initially load the application you will see 3 static visualizations with the top 10 artists for each decade since 1900. On the timeline you can hover over a specific decade and that way see the popular genres for that decade. The FDG (force directed graph) would show you how all the top artists were connected to each other through similarity such as a similar genre. You can drag a node and all the connected nodes would follow automatically to see exactly which artist were similar/connected. On the map you would see the location of all the top artists. You can click on the circle to view more information about that artist. We used uniformed colors so that each color represents a certain genre , and create a more cohesive view. You can also highlight an artist which will show by a red circle on the FDG and with a BLACK circle on the map. You can highlight be decade and by genre as well. You can search for an artist outside of the top100, once you find your artist you have to DOUBLE CLICK on it, then it will appear in the artist panel.
Libraries:
Bootstrap: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css
D3: https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js
Ajax: https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js
Leaflet: http://cdn.leafletjs.com/leaflet-0.7.5/leaflet.css
jQuery: https://code.jquery.com/jquery-1.10.2.js, https://code.jquery.com/ui/1.11.4/jquery-ui.js