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)

df8c36b52bc940599c0d8486a201ffc9

Bowl of Fruit - Hover to Select

0 stars0🌍 Public
Ggabcoderboi
Last edited Dec 15, 2020
Created on Dec 15, 2020
Forked from Fruit Bowl

Five pieces of fruit sit in a row, rendered as circles that scale to their type: apples are large and red, lemons are small and yellow. Hovering over a circle highlights it with a black outline, and a click-free selection updates a variable that triggers an animated re-render via the custom `fruitBowl` module. The visualization uses D3 v5's `select`, `scaleOrdinal`, and `.transition().duration(1000)` methods to animate entering, exiting, and updating circles. An external script drives the scene by removing fruits and mutating an apple into a lemon after timed delays.

AI-generated description