Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fruit - Update Pattern

Public visualization

Viewing a saved revision (read-only)

79a2d938b2a945bc86238f80fad1c914

Fruit - Update Pattern

0 stars1🌍 Public
LLeora Wenger
Last edited Dec 4, 2018
Created on Nov 27, 2018

Five fruit circles enter as apples and animate through a join sequence using D3’s data-join, `enter`, `merge`, and `exit` selections. The code drives transitions for radius, color, and removal, with `d3.scaleOrdinal` mapping fruit type to size and hue. A timer updates the array, replacing an apple with a lemon and filtering out elements.

AI-generated description

Learn about update pattern - from video