Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of fruit - animated transitions

Public visualization

Bowl of fruit - animated transitions

0 stars3🌍 Public
HHasideluxe
Last edited Jul 26, 2020
Created on Jul 26, 2020

A row of apples and one lemon sit atop an SVG bowl, with each fruit drawn as a colored circle. The example demonstrates animated transitions as fruits are eaten or replaced: exiting circles shrink to zero radius, while new or changed fruits grow to their target size with color and radius updates. It uses D3 v5's data join, `transition().duration(1000)`, and ordinal scales for color and radius, with `Math.random()` generating fruit IDs.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed