Scrolling In Data Visualization
Here are a set of videos and links of examples of Scrollytelling in Data Visualizations.
These were collected for my OpenVis Conf Talk on Scrollytelling. Check this link for video, slides, code, and more!
These are examples of using scroll to show a dimension of the data. They aren't necessarily difficult to implement technically, but provide a way to take advantage of the dynamic nature of the web.
Scroll as a Trigger
For these, the scroll just starts an animation or visualization. Here, the act of scrolling to a part of the page indicates the viewers readiness to ingest a new piece of content.
Scroll as Steps
Scrolling can move the viewer through different steps or segments of a visualization. These examples replace the stepper with scrolling.
Source: NY Times
An elaborate exploration of the highly interconnected network of World Cup players and the clubs they are associated with. Each step provides more detail on subsets of the data. The final piece allows the user to explore to find the clubs and players they are most interested in.
Next, instead of atomic increments in the story, the scroll can be incorporated into a continuous transition of the data that is being displayed.
Finally, when continuous scrolling is combined with the presentation of many different media types, we reach scrollytelling. Most famous is probably still Snow Fall. Typically combines text with video and images, but there is no reason why interactive components could not be presented in the mix too.