{"version":"1.0","type":"rich","title":"D3 Selection Exploration","description":"Fifteen circles undulate in an animated sine-wave pattern, with positions and radii oscillating smoothly over time. The example demonstrates D3's selection and data-join mechanics by using `selectAll` and `join` to bind an array of generated data to SVG circle elements. Rendered in SVG, the animation updates every 100 milliseconds via `setInterval`, incrementing a phase variable to drive the motion. The code imports `select` and `range` from D3 v7, showing the modern `join` pattern as a concise replacement for the older `enter`/`merge` approach.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/75ec4223af0b499cab7273efdf86afb0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}