{"version":"1.0","type":"rich","title":"General Update pattern","description":"This example demonstrates the general update pattern in D3.js, showing how data joins handle enter, update, and exit selections. A row of fruit circles—apples and a bitter lemon—change over time as items are removed or modified, with each circle’s fill and radius determined by a `scaleOrdinal`. The React-like component `fruitBowl` uses `selection.selectAll()` and `.merge()` to update SVG circles and text on each render, triggered by `setTimeout` callbacks. Transitions are commented out, so updates apply instantly without animation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ee0f73662cca4f5cae7aef9686338cd9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}