Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scrollama

Public visualization

Viewing a saved revision (read-only)

6b768fbb4139411cba22f9747e5fe526

Scrollama

0 stars0🌍 Public
Mmaxthamt
Last edited Aug 18, 2022
Created on Aug 18, 2022
Forked from Beeswarm v2

Scrollama uses the scrollama library and D3 v7 to create a scrollytelling experience where line charts of COVID-19 case totals by region update as the user scrolls through steps. The visualization shows cumulative case counts over time, with each region’s data rendered as an SVG path using d3.line and d3.curveMonotoneX. Scrolling triggers updatePlot to redraw the chart with a growing subset of regions, while the axis labels and tick formatting use d3.axisBottom and d3.timeFormat. Data comes from a remote JSON file of COVID-19 cases.

AI-generated description