{"version":"1.0","type":"rich","title":"D3 Selection Exploration","description":"This example demonstrates the update and join pattern of D3 selections, animating a set of 15 circles and a connecting line path over time. The circles and path are re-rendered every frame using a `setInterval` loop, with their vertical positions and radii driven by a sine function of an incrementing time variable. The code uses `d3.select`, `selection.selectAll`, `selection.join`, and `d3.line` to bind new data arrays generated by `makeData` to SVG elements, showing how D3’s data-join syntax handles dynamic updates efficiently. The visualization runs in a full-window SVG canvas.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/23554ac1f5e14a3b88d2ee110a9abbed?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}