D3 Chord Diagrams for Actual Chords

I’ve been learning the basics of D3.js recently and decided to try my hand at chord diagrams. It’s a niche chart type with limited utility, but for a first foray, I took the chart name literally and plotted the chord-to-chord movements in David Bowie’s Life on Mars. It seemed like a natural next visualization after the Bohemian Rhapsody infographic in R and Illustrator.

Width of each chord represents its frequency in the song, and the order in the from-to movements are shown as wide-to-short when you hover. Chords are sorted alphabetically clockwise.

Here’s a csv of the data structure.


D3 Chord Diagrams for Actual Chords