D3 Bowl of Fruit - General Update Pattern
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.