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)

f56b2c3e335147efa630b47062f59d56

Bowl of fruit : Hover to select

0 stars0🌍 Public
TTomisin Owolabi
Last edited Apr 20, 2020
Created on Apr 20, 2020

Interactive fruit bowl shows a row of apples and lemons rendered as SVG circles, where hovering highlights a fruit with a black outline. The example uses D3 v5’s data join with `merge` and `exit` to animate size and position changes via `transition`. Color and radius are mapped by fruit type using `scaleOrdinal`, while mouseover and mouseout events update a selected fruit ID, re-rendering the visualization.

AI-generated description