{"version":"1.0","type":"rich","title":"Bowl of Fruit - Click to Select","description":"A bowl of fruit renders apples and lemons as colored circles (red and yellow) positioned along a horizontal line. Clicking a fruit selects it, highlighting the chosen circle with a black stroke. Built with React and D3.js, the example uses ordinal scales for color and radius mapping, with SVG circles and a click handler that updates state via `setSelectedFruit`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/cb2284f669f34171ad9115ddd8540ef2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}