Volume 27, Issue 1
  • ISSN 0142-5471
  • E-ISSN: 1569-979X



In recent years, scrollytelling – a method to animate content as a reader scrolls through an article – has become an integral part of online visual storytelling. Despite its popularity, few studies have examined the variety of existing scrollytelling techniques. In addition, scrollytelling is still costly to produce. This study aims to generate a scrollytelling vocabulary for newsrooms and creative agencies. By analysing 50 examples, we have identified granular characteristics of scrollytelling elements, or ‘scrollers’, and grouped them into five standard techniques: graphic sequences, animated transitions, panning and zooming, scrolling through movies, and showing and auto-playing animated content. The study provides information designers, developers, and visual journalists with a vocabulary to experiment with different scrollytelling techniques and implement scrollers faster and more easily.

Available under the CC BY-NC 4.0 license.

Article metrics loading...

Loading full text...

Full text loading...



  1. Bostock, M.
    (2014, November3). How To Scroll. bost.ocks.org. RetrievedMay 20, 2022, from https://bost.ocks.org/mike/scroll
    [Google Scholar]
  2. Dowling, D., & Vogan, T.
    (2014) Can we “snowfall” this?Digital Journalism, 3(2), 209–224. 10.1080/21670811.2014.930250
    https://doi.org/10.1080/21670811.2014.930250 [Google Scholar]
  3. Goldenberg, R.
    (2017, April). Responsive scrollytelling best practices. The Pudding. RetrievedMay 20, 2022, from https://pudding.cool/process/responsive-scrollytelling
    [Google Scholar]
  4. Greenfield, R.
    (2020, December20). What the New York Times’s ‘Snow Fall’ Means to Online Journalism’s Future. The Atlantic. RetrievedMay 20, 2022, from https://www.theatlantic.com/technology/archive/2012/12/new-york-times-snow-fall-feature/320253
    [Google Scholar]
  5. Kosara, R.
    (2016, May23). The scrollytelling scourge. eagereyes. RetrievedMay 20, 2022, from https://eagereyes.org/blog/2016/the-scrollytelling-scourge
    [Google Scholar]
  6. Lu, J., Chen, W., Ye, H., Wang, J., Mei, H., Gu, Y., Wu, Y., Zhang, X. L., & Ma, K.-L.
    (2021) Automatic generation of unit visualization-based scrollytelling for impromptu data facts delivery. 2021 IEEE 14th Pacific Visualization Symposium (PacificVis). 10.1109/PacificVis52677.2021.00011
    https://doi.org/10.1109/PacificVis52677.2021.00011 [Google Scholar]
  7. Seyser, D., & Zeiller, M.
    (2018) Scrollytelling – an analysis of visual storytelling in online journalism. 2018 22nd International Conference Information Visualisation (IV). 10.1109/iV.2018.00075
    https://doi.org/10.1109/iV.2018.00075 [Google Scholar]
  8. Stolper, C. D., Lee, B., Riche, N. H., & Stasko, J.
    (2018) Data-Driven Storytelling Techniques: Analysis of a Curated Collection of Visual Stories. InN. H. Riche, C. Hurter, N. Diakopoulos, & S. Carpendale (Eds.), Data-driven storytelling (pp.86–105). CRC Press. 10.1201/9781315281575‑4
    https://doi.org/10.1201/9781315281575-4 [Google Scholar]
  9. Sultanum, N., Chevalier, F., Bylinskii, Z., & Liu, Z.
    (2021) Leveraging text-chart links to support authoring of data-driven articles with VizFlow. Proceedings of the 2021 CHI Conference on Human Factors in Computing Systems. 10.1145/3411764.3445354
    https://doi.org/10.1145/3411764.3445354 [Google Scholar]
  10. Vallandingham, J.
    (2015, April6). So you think you can scroll talk. vallandingham.me. RetrievedMay 20, 2022, from https://vallandingham.me/think_you_can_scroll
    [Google Scholar]
  11. Wolf, C., & Godulla, A.
    (2016) Potentials of digital longforms in journalism. A survey among mobile internet users about the relevance of online devices, internet-specific qualities, and modes of payment. Journal of Media Business Studies, 13(4), 199–221. 10.1080/16522354.2016.1184922
    https://doi.org/10.1080/16522354.2016.1184922 [Google Scholar]

Data & Media loading...

This is a required field
Please enter a valid email address
Approval was successful
Invalid data
An Error Occurred
Approval was partially successful, following selected items could not be processed due to error