{"version":"1.0","type":"rich","title":"Bowl of Fruit - General Update Pattern","description":"This example demonstrates the general update pattern in D3.js v5, showing how SVG circle elements are added, removed, and updated as a data array changes over time. It uses `selection.selectAll`, `enter()`, `merge`, and `exit()` to manage the lifecycle of each circle, while `scaleOrdinal` maps fruit types to colors and radii. The animation sequence buys five apples, eats one, replaces one with a lemon, and removes another, with each change triggered by `setTimeout` and re-rendered by calling the `fruitBowl` function.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/36b3bc93a1e54f919f85ede5cab0063f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}