{"version":"1.0","type":"rich","title":"D3 Transitions","description":"Six colored circles enter, update, and exit the screen using animated D3 transitions. The initial enter animation scales each circle from a radius of zero to its target size with a staggered delay, while the update transition moves circles to new positions quickly and the exit transition shrinks them back to nothing before removal. The example demonstrates the `selection.join()` pattern with separate enter, update, and exit handlers, using `transition().duration()` and `easeLinear` from D3 v7 to control timing and motion on an SVG canvas.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bff2ebeab4e14979a4a959db98bd9408?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}