Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scrollama

Public visualization

Viewing a saved revision (read-only)

55097f06465742c39a5fe1752c9bb590

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