Content revision 4e771eaf0390cc87b6c7c6fd8469f3508f6ceeec7119472e6c1ccf17e2e1e5d2 ## Scrollytelling Engine Scrollytelling Engine Source ID scrollytelling:overview Original https://www.henryw.me/#/scrollytelling A web presentation whose charts unfold as you scroll For a course presentation about the electricity and water demands of AI infrastructure, I needed to explain relationships through maps, distributions, and flows. Showing a complete chart on a slide asked the audience to absorb its structure while following the argument. I built a scrolling web presentation so a figure could stay in view as the explanation introduced one relationship at a time. Readers could move through the argument at their own pace, watching the relevant data appear. As I developed the presentation, I began separating the content of each scene from the code that drew and animated it. Several scenes could use the same kind of chart, and changing their text or data should require only changes to that content. Reusable renderers built with D3, a JavaScript library for data visualisation, made this possible. The resulting engine could support other presentations using the same chart builders.