Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of Fruit - Nested General Update Pattern - Outtake

Public visualization

Viewing a saved revision (read-only)

edb3bc6fb3154f9c8110c94f7c9c6e38

Bowl of Fruit - Nested General Update Pattern - Outtake

0 stars0🌍 Public
Ccodexmon
Last edited Jun 29, 2020
Created on Jun 29, 2020

A sequence of apples and lemons moves across the screen, each fruit represented by a circle and a label. The animation demonstrates the nested general update pattern, where entering groups first render with zero radius and opacity, then transition to their full size and visibility. The code uses D3 v5’s `select`, `enter`, `merge`, `exit`, and `transition` APIs, alongside `scaleOrdinal` for color and radius mapping. This outtake shows a fruit bowl that loses apples and swaps one apple for a lemon, all rendered as SVG with animated transitions.

AI-generated description