{"version":"1.0","type":"rich","title":"Document","description":"A scrollytelling visualization uses the Scrollama library to trigger a sequence of animated transitions in an SVG chart as the reader moves through text steps. The chart begins with all twenty steelblue circles clustered at the center, and each step calls a different callback that animates the circles to random or fixed positions along the x- or y-axis using D3 transitions. The active step is highlighted by increasing its opacity, while inactive steps fade. The code relies on d3.v6 for selections, data joins, and transitions, with Scrollama handling scroll-triggered events.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-863ddd697d3df82eddacdcc89b570063?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}