{"version":"1.0","type":"rich","title":"12.b - fruit bowl - d3 update pattern, nested elements - dataviz 2018","description":"A fruit bowl visualization demonstrates the D3 update pattern with nested elements, showing apples and lemons as circles in a bowl that changes over timed intervals. The code uses d3.scaleOrdinal for colors and radius mapping, with d3-selection’s enter, merge, and exit methods to handle dynamic data updates. An SVG renders the bowl as a rounded rectangle, while each fruit is a group containing a circle and text label. The example includes a deliberate data mutation where an apple becomes a lemon, illustrating how the update pattern reuses existing DOM nodes efficiently.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/daf586d31eec443782475b6c49f33f87?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}