{"version":"1.0","type":"rich","title":"D3 Selection Exploration","description":"This example demonstrates D3’s data-join pattern by animating a dynamic set of circles whose count, position, and radius oscillate over time. Using `d3.select` to append an SVG, the code generates synthetic data with `d3.range` and updates circles each frame via `selection.join('circle')`, binding new data and setting `cx`, `cy`, and `r` attributes. The animation runs on a `setInterval` at 60 FPS, showing seamless entry, update, and exit transitions with D3 v6’s `join` method.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/463db301905d4f42b611bb61660b8b04?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}