{"version":"1.0","type":"rich","title":"Bowl of fruits - nested element","description":"This example demonstrates a fruit bowl visualization with nested SVG elements, showing apples and lemons as colored circles with labels. It uses D3.js version 5 with a data join pattern, employing `selection.enter()`, `merge()`, and `exit()` to handle dynamic updates. The code uses `d3.scaleOrdinal` for both color and radius mapping, while `d3.range` generates the initial fruit array. Over timed intervals, the visualization removes fruits, changes a fruit type, and filters elements, showcasing how nested groups and child elements update responsively.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}