{"version":"1.0","type":"rich","title":"Nested Elements","description":"A fruit bowl rendered in SVG shows a row of apples and a lemon, with each fruit as a circle inside a rounded rectangle. D3’s `scaleOrdinal` maps fruit types to circle radii and fill colors, while `merge` and `transition().duration(1000)` animate changes to the fruit data. Over three seconds, the visualization removes an apple, swaps an apple for a lemon, and deletes another apple, demonstrating how D3’s selection API handles nested elements and dynamic updates.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2de12efd853642239a3043c24f66c8f2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}