Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Bowl of Fruit - Hover to Select

Public visualization

Bowl of Fruit - Hover to Select

0 stars0๐ŸŒ Public
CChenluWang96
Last edited Mar 10, 2020
Created on Mar 10, 2020

Five apples and one lemon sit in a row as SVG circles, colored by type and scaled by radius. Hovering any fruit highlights it with a black stroke and triggers a callback to update the selection state. Entering, updating, and exiting fruits are animated through `transition().duration(1000)` on radius and x-position. The example uses D3 v5 with `scaleOrdinal`, data joins, and ES6 modules, driven by timed state changes that eat and replace fruits.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed