{"version":"1.0","type":"rich","title":"Chained Transitions II","description":"Fifty black circles in a vertical column slide horizontally across the canvas, one after another, creating a cascading wave of motion. Each circle’s fill shifts from pale yellow to deep navy based on its position, using a linear scale with HCL interpolation. The animation uses D3 v4’s `d3.active` to chain transitions, with each circle’s start event triggering a sequence of left-to-right and right-to-left movements via `transition.attr` and `on(\"start\", slide)`. The SVG rendering relies on a point scale for vertical placement and a delayed transition per circle.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-faff15ba671b430040e7b2363b4242dc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}