{"version":"1.0","type":"rich","title":"React Hooks Bowl of Fruit","description":"Five apples with D3 ordinal color and radius scales render as React circles in an SVG bowl. Clicking a fruit updates its selected state through React Hooks (`useState`) and a callback prop to draw a black stroke. React’s `useEffect` initializes a D3 brush on a separate `<g>` element, logging selection events to the console. The example demonstrates combining React’s declarative component model with D3’s imperative brush API.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6e6a95e6fea34985b98dc26536d3ca6e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}