{"version":"1.0","type":"rich","title":"D3 Selection","description":"This example demonstrates animated data-driven circles rendered as SVG elements whose positions, radii, and count oscillate in response to a continuous time variable. It shows how D3’s selection and join API incrementally updates an existing set of circles, adding or removing them as their number changes. The code uses `d3.select`, `selectAll('circle')`, and the `.join()` method to synchronize the SVG with a dynamic array, while a `setInterval` loop recomputes the dataset from trigonometric functions. Circle properties like `cx`, `cy`, and `r` are bound to each datum for smooth motion.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f94a3564dac54a898bcc98ca5d64be6c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}