Chord Progression Visualization

Project Summary
Role Front-end Developer
Course INFO 3300: Data Visualization
Project Visualizing the Billboard Hot 100
Technologies D3.js, Brackets, HTML5, CSS3, Javascript

Structure of Music in the Billboard Hot 100

Taking songs from the 2013 Billboard Hot 100, a visualization was made to match the song with its underlying chord progression. Presented here is an interactive sunburst diagram showing which songs follow a certain chord progression pattern. Although this chart isn't meant to be scientifically (or musically) literal, it does show that a lot of songs are quite similar.

Chord Progressions from the 2013 Billboard Hot 100 songs.



Song Info

Select a Chord Progression for Song Results...

Return to Portfolio to See More