{"version":"1.0","type":"rich","title":"D3 Bowl of Fruit - With Nested Elements","description":"This example demonstrates dynamic data updates with nested SVG elements, rendering apples and lemons in a rounded bowl shape. The visualization uses d3-selection's enter/merge/exit pattern within a custom `fruitBowl` function, updating fruit positions and styles as the data array changes over timed intervals. The code leverages `d3.scaleOrdinal` for color and radius mappings, and binds fruit data to `<g>` groups containing nested `<circle>` and `<text>` elements. The animation cycles through removing, modifying, adding, and filtering fruits to show how joins handle each change.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bc72013867b646c191c69405add7d25c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}