{"version":"1.0","type":"rich","title":"Bowl of Fruit Click to Select 2","description":"Five fruit circles in an SVG bowl transition between apple and lemon states, with hover highlighting that selects a fruit by turning its stroke black. The visualization uses D3 v5's `scaleOrdinal` for color and radius mapping, while `selection.enter` and `exit` manage animated transitions as fruits are removed or changed. The React framework orchestrates state updates through an `onClick` handler, triggering re-renders that shift positions along an x-axis and apply 1000-millisecond duration transitions to circle attributes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6dcf6df14cf049cd95b9809f9ac95673?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}