How Much Does Kid Cudi Hum?
An extensive analysis of music's most famous hum.
Tools used
D3.js, Vue.js, Bulma, R, Scrollama, Genius API
Published
December 2020
Audience
The world!
What it is
How Much Does Kid Cudi Hum? is a visual storytelling piece centered around analyzing music's most famous hum. It was recognized as a winner of the 2020 Pudding Cup out of 130+ entries.
Tools used
I used Vue and D3.js for all things visual and front-end. This was the first scrollytelling project I built, and I wanted an accessible way to approach scrollytelling so that it wouldn't get in the way of other stuff (such as making cool visuals and telling an actually interesting story). I had heard good things about Russell Goldenberg's Scrollama
and wanted to find an easy way to incorporate that library with Vue. I was able to do so with Vignesh Shenoy's vue-scrollama
. It had a few quirks, but allowed me to quickly hit the ground running with scrollytelling capabilities.