{"version":"1.0","type":"rich","title":"bowl of fruit-nested version update pattern","description":"This example demonstrates the enter-update-exit pattern with nested selections in D3. The code uses `selection.enter()` and `selection.merge()` to bind fruit data to SVG groups, each containing a circle and text, with `scaleOrdinal` mapping fruit types to colors and radii. Timed mutations—removing an apple, changing a fruit to a lemon, and removing another—show how the visualization updates smoothly, with exiting groups removed via `.exit().remove()`. The SVG rendering uses a simple bowl shape drawn with a rect.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/dd5efd56f66644c2ae632e85eadf4ee6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}