Plays over Time with Dropdown
This interactive scatterplot displays the monthly play counts for a user’s top 10 artists on Last.fm, with a dropdown menu and clickable legend to filter by artist. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, and `scaleOrdinal` to map time and play counts, rendering circles with animated opacity transitions. Data is loaded from a CSV via `d3.csv`. The legend, sorted by total plays, allows selection, while the dropdown provides an alternative filtering method, both triggering re-renders that update the chart.
AI-generated descriptionThis dataset is from my last.fm profile (pulled using this service). This data was parsed so that it only includes the number of plays for my Top 10 most listened to artists.
The data is parsed such that there are 10 data points per month, one for each artist in the top 10. Each point represents the number of plays for that artist in that month. The legend (which is sorted from most played to least played, top to bottom) can be clicked on to view only the data points corresponding to that artist.