Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scrolling Sections

Public visualization

Viewing a saved revision (read-only)

a1e588e288724d1586a92402da9c7245

Scrolling Sections

0 stars0🌍 Public
CCaroline Ghisolfi
Last edited Feb 3, 2023
Created on Feb 3, 2023
Forked from HTML Starter

Scrolling Sections links a set of text annotations to a fixed visualization panel using a custom scroller built on D3's event dispatcher and `d3.bisect`. As the user scrolls, the scroller calculates the current section index and emits `active` and `progress` events, which the visualization uses to update its display. The page layers scrolling text over a fixed SVG area via CSS `position: fixed`, with each section providing narrative context for the animated visualization.

AI-generated description