{"version":"1.0","type":"rich","title":"General Update Pattern","description":"This example demonstrates the general update pattern in D3, using a fruit bowl visualization of apples and lemons. The code renders SVG circles with positions and radii determined by ordinal scales, and animates changes over time. Using `selection.join`-style logic with `enter`, `merge`, and `exit` selections, it handles data updates where fruits are added, removed, or change type. React serves as the framework, while D3 v6 drives the transitions and data binding, with each fruit assigned a unique ID via `Math.random()` for stable keying.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/befa311ba8a044489b5ef5dec4bd9dcd?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}