{"version":"1.0","type":"rich","title":"React Hooks Bowl of Fruit","description":"A React Hooks bowl of fruit renders five apples as circles in an SVG, with a black outline highlighting the currently selected fruit when clicked. The example demonstrates state management via `useState` for both the fruit array and the selected fruit ID, passing them to a functional `FruitBowl` component. Using D3 v5’s `scaleOrdinal` for color and radius mappings, it sets circle properties dynamically, enabling interactive selection through React event handlers.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}