Scrollama.js, a JavaScript library for scrollytelling

Nov 20, 2017

Russell Goldenberg released Scrollama.js in an effort to make scrollytelling more straightforward to implement.

Scrollytelling can be complicated to implement and difficult to make performant. The goal of this library is to provide a simple interface for creating scroll-driven interactives and improve user experience by reducing scroll jank. It offers (optional) methods to implement the common scrollytelling pattern to reduce more involved DOM calculations. For lack of a better term, I refer to it as the sticky graphic pattern, whereby the graphic scrolls into view, becomes “stuck” for a duration of steps, then exits and “unsticks” when the steps conclude.

Bookmarked for later.

Favorites

Causes of Death

There are many ways to die. Cancer. Infection. Mental. External. This is how different groups of people died over the past 10 years, visualized by age.

The Best Data Visualization Projects of 2011

I almost didn’t make a best-of list this year, but …

The Changing American Diet

See what we ate on an average day, for the past several decades.

Graphical perception – learn the fundamentals first

Before you dive into the advanced stuff – like just about everything in your life – you have to learn the fundamentals before you know when you can break the rules.