How Much Does Kid Cudi Hum?
An extensive analysis of music's most famous hum.
D3.js, Vue.js, Bulma, R, Scrollama, Genius API
What it is
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.