{"version":"1.0","type":"rich","title":"React Hooks Bowl of Fruit","description":"A static bowl of fruit rendered as SVG circles demonstrates React Hooks and D3.js scale constructors working together. Using `d3.scaleOrdinal` for both fill color and radius, five red apples appear in a row, with the first apple highlighted by a black stroke on click. The `FruitBowl` component receives array data and handles selection state via React's `useState`, while the code includes commented-out transition logic for future interactive animation, indicating a placeholder for D3's `.transition()` API.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4b1d61edc8a94e0fa3b75e1ee0f5164e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}