{"version":"1.0","type":"rich","title":"update pattern - nested elements - bowl of sweet sweet fiber","description":"A data artist constructs a bowl of fruit and consumes it over time, using D3.js to demonstrate the general update pattern for nested elements. The visualization shows a row of oranges and lemons as SVG groups, each containing a colored circle and a text label. The `fruitBowl` function uses `selection.merge` to update existing groups, `groupsEnter` to append new ones, and `groups.exit().remove()` to delete them, while `scaleOrdinal` maps fruit type to colors and radii. State changes from timed JavaScript `setTimeout` calls trigger re-rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/cfec95533cad4307a7ec51508481835a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}