Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of fruit - Hover to select

Public visualization

Viewing a saved revision (read-only)

0558a76a25ec4a5ca0dcc78927a679e1

Bowl of fruit - Hover to select

0 stars0🌍 Public
MMartin Christensen
Last edited Dec 30, 2019
Created on Dec 30, 2019

Five fruit icons sit in a row over a time-based sequence: apples are eaten, one apple transforms into a lemon, and hovering highlights the selected fruit with a black outline. The D3 v5 example uses `scaleOrdinal` for color and radius mappings, `selection.selectAll` to bind data, and chained `.transition().duration(1000)` to animate radius changes. SVG circles and text labels render via a reactive `fruitBowl` function, while `setSelectedFruit` toggles stroke on hover, with `setTimeout` scheduling the fruit mutations.

AI-generated description