{"version":"1.0","type":"rich","title":"Bowl of Fruit - Click to Select","description":"Five fruit circles appear in a row, rendered as SVG elements colored by fruit type via a `scaleOrdinal` color scale, with apples in red and lemons in yellow. Clicking a circle logs its ID, while pre-scripted `setTimeout` calls dynamically remove circles, change an apple to a lemon, and filter the data array, triggering animated `transition` updates that shrink exiting circles to radius zero. The example uses D3 v7's data join pattern with `selection.enter`, `merge`, and `exit` to sync the visualization with changing data, initializing new circles at radius zero before animating them to their target sizes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/afba6e9c144a4bbaa1a052afb1bbc77e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}