Last.fm Original Tag Chart

Restores the "subway map" chart on new Last.fm report pages

Author's suggested script

Description

This userscript runs on Last.fm report pages dated 2023 and newer and restores the "subway map" or "noodle" tag timeline chart for weekly, monthly, and yearly reports. As of version 1.9, it also lets you change the colors of the "stream graph" or "wave" chart. It does not run on the bright legacy pages (pre- 2024) since these still display the original chart.*

Technical Details

The chart is built using d3 v4 and a hand-made recreation of the original SVG chart layout. The original charts are made using highcharts, but I was unable to find a way to utilize that engine in the browser. I think d3 was able to reproduce it adequately. It also utilizes jquery, jquery-address, and wait-for-key-elements.

Note

*As of January 2025, pre-2024 pages no longer display a Tag Timeline chart. If this turns out to be a permanent change I'll consider also modifying those pages. There is also an issue with content overlapping on the 2023 yearly chart, a unique page. If that doesn't get fixed officially I'll look into it.