{"version":"1.0","type":"rich","title":"D3 Selection exploration","description":"This example demonstrates D3 selection and data-join patterns by animating a series of circles and connecting lines across a full-screen SVG. As time progresses, the circles oscillate vertically along sine waves while lines link consecutive points. The code uses `d3.select`, `d3.range`, and the `selection.join` method to bind and update elements each frame. Rendering is driven by a `setInterval` loop that regenerates the data and re-applies the `makeCircle` and `makeLine` functions, highlighting how D3 manages enter, update, and exit states.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0e3c9eddd02446d3af40eba1173e8a48?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}