Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of fruit - Hovering

Public visualization

Bowl of fruit - Hovering

0 stars1🌍 Public
MMaciek Sitkowski
Last edited Sep 2, 2020
Created on Sep 2, 2020

Five fruit circles enter an SVG as apples and lemons, with mouseover highlighting a selected fruit with a black stroke. The example demonstrates data joins and animated transitions in D3 v5: fruit enters by expanding from radius zero, exits by shrinking, and updates move and recolor via `selection.merge` and `transition`. The `fruitBowl` function uses `scaleOrdinal` for color and radius, with `data` keyed by fruit ID to track entering, updating, and exiting elements over time.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed