Scrollytelling for Beginners, or Use R!

[chengjun]

https://github.com/uclab-potsdam/scrollytelling-beginners

Scrollytelling for Beginners

Scrollytelling for beginners is a collection of code, resources and tutorials for the FH Potsdam students to help them dive in the topic of scrollytelling and scroll controlled narratives.

In this repository you will find:

A list of tutorials covering the basic concepts behind scrollytelling and its technical implementation
A collection of resources from other authors, from js libraries to articles and notable examples
Plug-and-play templates to practically approach scrollytelling in a fun and light way

Tutorials

You can access all the theory articles here on our Medium page. Theory articles are introducing some useful concepts for the practice sessions.

Available articles

1. Scrollytelling for Beginners # 1: Theory — Javascript, Libraries and Frameworks
2. Scrollytelling for Beginners # 2: Theory - Import data, scale them and draw some figures
3. Scrollytelling for Beginners # 3: Theory — CSS and Vue transitions, Scrollama

Resources

In resources/ you can find a collection of markdown files:

resources/foundations.md contains articles, tutorials and other resources to learn the foundations of JS and other tricks
resources/random.md is just

cool stuff
resources/libraries.md will contain a selection of interesting js libraries.

Coming soon

resources/scrollytelling.md will contain a collection of scrollytelling pieces.

Code

A basic (works local without the need to build things or even a server) scrollytelling template. See code/solutions for exercises solutions step by step.

[chengjun]

← BLOG

HOW TO SCROLLYTELL IN R

Because it’s easier than doing it in D3

十月 2019

TUTORIAL

I’ve always been interested in data visualization, and my most recent sub-passion has been scrollytelling. I’ve seen numerous examples of amazing scrolling articles, from sites such as The Pudding, the New York Times, and FiveThirtyEight.

Although most of these sites rely on the same high-powered visualization tools (such as D3.js) to create their stories, the learning curve for those are a bit steep! Thankfully, I came across some examples of scrollytelling in my language of choice, R.

Today, I’ll walk you through a tutorial of scrollytelling in R. It’s a bit complicated, and the output isn’t as powerful as a full-fledged D3 project, but its a rough sketch, and it works. Here’s the output:

https://www.connorrothschild.com/post/automation-scrollytell

library(scrollytell)

[chengjun]

• https://github.com/russellgoldenberg/scrollama
• https://github.com/ihmeuw/ScrollyTeller
  • https://ihmeuw.github.io/ScrollyTeller/