🌍 Public
Viewing a saved revision (read-only)
947d6a1a6a7a47aa93c185b124c8105d
Bowl of fruits with transition
Five visual fruits sit in a green bowl, each represented by a circle and an accompanying text label. The simple animation shows a sequence of transitions: one fruit is removed, one apple changes into a lemon, another is deleted, and a new lemon appears. Using D3 v5, the example demonstrates animated SVG updates through data joins, with `transition().duration()` tweening the circles' radii and the bowl’s width to match the changing dataset. The `scaleOrdinal` function maps fruit types to distinct colors and sizes, while data comes from a static `data.csv` file listing city areas.
AI-generated descriptionHover to see the details.