{"version":"1.0","type":"rich","title":"Changing data","description":"Two datasets of varying circle sizes and counts are displayed along a horizontal axis. A button click uses `d3.select` and event listeners to toggle between datasets, demonstrating D3’s data join pattern with `data()`, `enter()`, and `exit()`. New circles appear via `append` with an initial radius of zero, while all circles transition with `transition().duration(500)` to update their `cx` and `r` attributes, and the dataset label changes via `select(\"text\").text()`. The SVG elements are rendered as orange, semi-transparent circles.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/326ba011ab1e4478bb9ecf248e38516f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}