{"version":"1.0","type":"rich","title":"Small Scroll-linked Animation Demo","description":"This example demonstrates scroll-linked animation, where the vertical scroll position of a container drives the rotation of a clock graphic rendered in SVG. As the user scrolls through text panels, a D3.js scale maps the container’s `scrollTop` value to rotation angles for the clock’s hour and minute hands, updated via `window.requestAnimationFrame`. The code uses D3 3.5.5 to create SVG elements, handle scroll and resize events, and synchronize the animation with the narrative’s pacing, which is set using viewport-height units.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-5737df90fdcfd54712b658dd3ce07530?mode=embed\" width=\"960\" height=\"500\" scrolling=\"yes\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}