Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of Fruit: General update pattern

Public visualization

Bowl of Fruit: General update pattern

0 stars2🌍 Public
MMounikaBeerelly
Last edited Jun 8, 2020
Created on Jun 8, 2020

Six circles representing apples enter an SVG bowl with a grow-in animation, then a shared transition pattern animates their positions and radii. The example demonstrates D3’s general update pattern with `selection.data`, `enter`, `merge`, and `exit` selections. Using `d3.scaleOrdinal` for color and radius, fruit type changes from apple to lemon trigger a color shift, while removal shrinks circles to zero before `remove()`. Timed `setTimeout` calls drive the enter, update, and exit phases.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed