Skip to main content
Explore
Solutions
Bespoke Studio
Pricing
Quick Start
Demo
Log in
Send feedback
✕
Tell us what works and what could be better. We read every submission.
Send feedback
✕
Tell us what works and what could be better. We read every submission.
Home
•
Fork Viz
Fork Viz
Create your own copy of this visualization.
Forking from
Bowl of Fruit - Click to Select
Title
*
Description
Five apples are arranged in a row as circles, with a black outline highlighting the currently selected fruit. Clicking any apple shifts that selection, demonstrating React state management and SVG event handling. The code uses React hooks (`useState`) and D3 scales (`scaleOrdinal`) to map fruit types to colors and radii, rendering interactive circles within an SVG canvas. A commented-out D3 transition block hints at future animation support.
Visibility
Public
Private (only you), Pro
Unlisted (anyone with link)
Private work requires Pro.
Upgrade
Cancel
Fork Viz