{"version":"1.0","type":"rich","title":"D3 Bowl of Fruit - General Update Pattern","description":"This example demonstrates D3’s general update pattern by animating a bowl of fruit represented as SVG circles. Apples and lemons enter, update, and exit with smooth radius transitions over one second. The code uses `d3.scaleOrdinal` for color and radius mappings, `selection.data()`, `enter().append()`, `merge()`, and `exit().remove()` inside a React-compatible `fruitBowl` function. Data changes are triggered by `setTimeout` calls that pop, replace, or filter items from an array, showcasing how D3 binds and reconciles data with animated visual updates.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6594bab01655459bae9ad5d22d742d80?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}