🌍 Public
Viewing a saved revision (read-only)
e03a97f4d03e4267be75ad7ccebc4889
React Hooks Bowl of Fruit
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.
AI-generated descriptionTrying out React Hooks.