{"version":"1.0","type":"rich","title":"D3 Course Code Along - Nested Elements","description":"Five fruit shapes are rendered as nested SVG groups, each containing a colored circle and text label. The visualization demonstrates D3's data join pattern with enter, update, and exit selections to animate changes in the fruit array. Using d3.select and scaleOrdinal from D3 v5, circles transition between red apples and yellow lemons based on data modifications triggered by setTimeout callbacks. The code imports fruitBowl from a module and manages object constancy through randomized id properties.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/008ef6914a134bb299cae2d2c5eb9591?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}