This demo shows how scroll position can drive an SVG animation, with a clock face rotating on the right side of the screen as the user scrolls through explanatory text panels. The page uses a fixed container with a scrollable div, and JavaScript event handlers track `scrollTop` values. A `requestAnimationFrame` loop updates the rotation of the hour and minute hands, mapped through a `d3.scale` function. The code uses D3.js for SVG manipulation and includes a `window.resize` callback to recalibrate the scale domains responsively.