{"version":"1.0","type":"rich","title":"playing with selection","description":"This example demonstrates animated data binding with D3 selections. A set of circles continuously updates as new data points are generated, with positions, radii, and colors shifting over time. The visualization uses `d3.select` to create an SVG, then the custom `vizData` function applies the data join pattern with `selection.join()`, merging enter and update elements. Data is generated procedurally via `makeData`, producing 15 to 25 circles each frame. The animation runs on a `setInterval` loop at 60 frames per second, with each frame updating the circle attributes directly.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/388a9d821feb4c9885fdaabfa51698b3?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}