Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of fruit - animated transitions

Public visualization

Viewing a saved revision (read-only)

9daf0e8b442240fb98d229fa79a5d863

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