{"version":"1.0","type":"rich","title":"Fork of Fork of D3  - Staggered Transitions","description":"This example demonstrates staggered transitions for a set of ten circles, which move horizontally between two alternating column configurations when the “Update data” button is clicked. Each circle transitions its `cx` attribute with a sequential delay of 100 milliseconds, creating a cascading wave effect. The visualization uses D3 v7’s data join (`join('circle')`) and the `transition().delay()` API, with SVG rendering and opacity styling defined in CSS. The underlying data array is regenerated on each click to flip the target x-coordinates between left and right sides.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/75db3778a3c9452287e464d28d1a27bf?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}