{"version":"1.0","type":"rich","title":"Bowl of Fruit - Click to Select","description":"A clickable bowl of fruit demonstrates selection state in an SVG rendered with React. Five red apples sit in a row, and clicking one highlights it with a black stroke. The `FruitBowl` component maps fruit data to circles, using `d3.scaleOrdinal` for color and radius scales. React hooks (`useState`) manage the selected fruit's ID, which sets the stroke on the active circle.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}