Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Animation - Bowl of Fruit - Nested Version

Public visualization

Viewing a saved revision (read-only)

34134ec088d64dbab6b935fa548915fc

D3 Animation - Bowl of Fruit - Nested Version

0 stars2🌍 Public
YYoung Song
Last edited Jun 19, 2022
Created on Jun 19, 2022

A bowl of fruit undergoes a sequence of animated changes: fruits are eaten, replaced, and added over time. Each fruit is a circle with a label, colored and sized by its type via `d3.scaleOrdinal`. The `fruitBowl` function uses D3's declarative transitions (`transition().duration()`) to animate position, radius, and removal, taking data from a static CSV.

AI-generated description

A demonstration of how to start using D3 version 6.