{"version":"1.0","type":"rich","title":"Nested Logic","description":"This example demonstrates a dynamic fruit bowl visualization where circles and labels are bound to an array of fruit objects. It shows how updates to the data—removing items or changing a fruit’s type from apple to lemon—trigger animated transitions in position, radius, and color. The code uses d3’s `scaleOrdinal` for color and radius mappings, and the enter-merge-exit pattern to manage SVG groups. The visualization is rendered with React and D3 v5, with timed `setTimeout` calls driving the data mutations.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b974ec39a095482f903df2d44ed58d98?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}