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)

38a1f5cddd6549cca8972aa3a501182d

Bowl of Fruit - Hover to select

0 stars0🌍 Public
CChinzorigt Ganbat
Last edited Sep 19, 2020
Created on Sep 19, 2020

A bowl of fruit rendered as circles animates through a sequence of changes: fruits disappear, and one apple transitions into a lemon. Hovering over any fruit selects it, displaying a black outline until the mouse moves away. The example uses d3-selection with data joins and transitions to animate circle radii and positions, while d3-scaleOrdinal maps fruit types to colors and sizes. The application state manages a selected fruit ID and triggers re-renders through a custom `fruitBowl` function.

AI-generated description