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.

At a glance