{"version":"1.0","type":"rich","title":"D3 outer data","description":"This example animates a set of circles whose positions and radii oscillate based on sine and tangent functions, driven by a continuous time variable `t`. It shows how D3’s data join pattern keeps the DOM in sync with a changing dataset size. Using d3.select, d3.range, and the `.join()` method, the code creates or removes SVG circles each frame, with attributes for radius, x, and y updated directly from the computed data.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}