Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fruitbowl V2 transitions

Public visualization

Viewing a saved revision (read-only)

c9fd94e11b9a48d183c0b89ab55df2c5

Fruitbowl V2 transitions

0 stars0🌍 Public
Aarths-glitch
Last edited May 31, 2020
Created on May 23, 2020

Five apples animate into a row, then shrink away one by one as fruits are eaten or replaced by a lemon. The example demonstrates shared transitions for both entering and exiting circles via `selection.merge` and `selection.exit`. Built with d3 v5, it uses `scaleOrdinal` for color and radius, `transition.attr` with a 1000ms duration, and data joins keyed by `d.id`.

AI-generated description