Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of Fruit - General update pattern - transitions

Public visualization

Bowl of Fruit - General update pattern - transitions

0 stars2🌍 Public
1123fischer
Last edited Nov 18, 2020
Created on Nov 17, 2020

Five circles representing fruit in a bowl transition between states using D3.js's general update pattern. The SVG visualization begins with five apples, which are removed, replaced with a lemon, and filtered over time. The animation uses keyed data with `transition().duration(1000)` to animate radius changes while color is set via an ordinal color scale mapping apple and lemon types to distinct colors.

AI-generated description

body{ margin: 0px; overflow: hidden; }

Comments

Sign in to join the discussion.

MIT Licensed