Read the Article Visualizing my musical journey on the Datawrapper blog.

Historic Tag Timeline

Generate a ranking of top tags for each year based on the nr. 1 tag of artists you listend to.

WARNING: this script is quite hacky. maybe I'll create a user-friendly website for directly generating the graph from a last.fm user name.

PREREQUISITE: You need to have Node.JS installed on your system

getting the data

clone the repo
export a CSV of all your scrobbles from https://mainstream.ghan.nl/export.html and put it somewhere in this folder
update the SCROBBLES_CSV variable inside index.js to match your downloaded filename
run npm install
run npm start to get your tag ranking

go to https://app.datawrapper.de/create/chart and paste the .csv file contents there or upload it
proceed to step 3
select "Lines" as Chart type and click "transpose the data" below, then proceed.
under "Vertical axis" set a "Custom range" of "30 - 1" to make first place appear on top. you can also set "Number format" to "1st" and create custom ticks like "1,2,3,4,5,10,20,30"
under "Customize lines" you can set "Interpolation" to "curved" to recreate the vibe of the original tag timeline
under "Labeling" click "Show advanced options" and tick "Customize tooltip formats" then for "dates (x)" select "2015, 2016" and for "values (y)" select "1st"