{"version":"1.0","type":"rich","title":"Nested Example","description":"A fruit bowl visualization demonstrates nested selections in D3.js, showing five fruit shapes in a brown bowl that updates over time. Apples appear as red circles, and one changes to a yellow lemon while another fruit is removed. The code uses `selection.selectAll`, `selection.enter`, and `selection.merge` to bind fruit data to SVG groups, with `d3.scaleOrdinal` mapping fruit types to colors and radii. Animated updates occur via `setTimeout` calls that modify the fruits array and re-render the scene.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/fda9f24a57614a4584daf986ed0738da?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}