🌍 Public
Viewing a saved revision (read-only)
c7e40204a55144f4bb6c6c430bab3610
D3 Animation - Bowl of Fruit
A bowl of fruit demonstrates animated data updates and mouse-based selection in SVG. Circles represent fruit types, with color and size mapped through ordinal scales. The animation uses `transition().duration()` to smoothly move and resize marks as items are added, removed, or changed over time. Hovering highlights a fruit with a black stroke, and the `fruitBowl` function manages enter, update, and exit transitions for circles and labels.
AI-generated description- Listening for Click Event
- Unidirectional Data Flow Concept
- Selecting a Mark by Clicking
- Highlighting Selected Mark
- Selecting a Mark by Hovering