{"version":"1.0","type":"rich","title":"D3 Transitions","description":"This example demonstrates how D3 transitions animate circles across a light green canvas, with circles entering at zero radius and expanding to their final size, while updates move and resize smoothly. The code uses `select`, `transition`, and `easeLinear` from D3 v7, applying a slow 2000ms enter transition with staggered delays and a faster 500ms update transition. A key function on `d.id` drives the enter, update, and exit selections, with exits shrinking back to zero before removal. The six circles have predefined positions, radii, and hex color fills.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d4d70c1ef17d40ee97a5ecd8c95bc3ed?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}