All projects

UMass Amherst, DACSS 690S · Fall 2025

How Pop Music Changed, 2000 to 2023

An interactive scroll-through of how the Billboard Hot 100 changed over 24 years, built from chart data joined to Spotify audio features, using D3 and Three.js.

Context
UMass Amherst, DACSS 690S
Year
Fall 2025
Method
D3.js

I built this as a guided scroll-through rather than a dashboard. As you scroll, it covers long-term trends in danceability, energy, acousticness and valence, how what makes a song chart has shifted, and then a 3D view of the feature space for the point where two dimensions stop being enough.

The data is Billboard Hot 100 entries from 2000 to 2023, joined to Spotify audio features. I cleaned it into three JSON layers (by track, by year and by artist) so the page can switch between levels of detail without more network requests. Missing values are left out rather than estimated, so the charts only show recorded data.

D3 draws the 2D charts, an IntersectionObserver triggers the scroll steps, and Three.js handles the multi-dimensional views. There are also artist pages for Taylor Swift, Drake and The Weeknd.

Tools & methods

  • D3.js
  • Three.js
  • JavaScript
  • Python