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

Jobs Charted by State and Salary

Jobs and pay can vary a lot depending on where you live, based on 2013 data from the Bureau of Labor Statistics. Here’s an interactive to look.

Divorce and Occupation

Some jobs tend towards higher divorce rates. Some towards lower. Salary also probably plays a role.

Life expectancy changes

The data goes back to 1960 and up to the most current estimates for 2009. Each line represents a country.

One Dataset, Visualized 25 Ways

“Let the data speak” they say. But what happens when the data rambles on and on?