Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

14.c - fruit bowl - hover & click select - dataviz 2018

Public visualization

Viewing a saved revision (read-only)

8a7b5f1d763247c08e48c5854ea30b27

14.c - fruit bowl - hover & click select - dataviz 2018

0 stars0🌍 Public
Zzach b.
Last edited Jan 13, 2022
Created on Jan 13, 2022

Five apples sit in a bowl, selectable by click and hover, with each fruit’s outline changing color to indicate state. The code uses D3 v7’s data join and transition methods to animate fruit radius, position, and label opacity as items are removed or change type. The `renderFruitBowl` function handles enter, update, and exit selections, while `scaleOrdinal` maps fruit types to colors and radii. Apple and lemon labels appear via SVG text elements.

AI-generated description

datraviz 2018 #14.a - fruit bowl - click to select