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 stars0🌍 Public
NNameeeee
Last edited Mar 2, 2020
Created on Mar 2, 2020

This example demonstrates animated transitions of fruit-shaped circles entering, updating, and exiting an SVG bowl. It shows how circles representing apples and lemons move horizontally and resize smoothly over one-second durations. The visualization uses d3.js v5 with a modular approach, importing `scaleOrdinal` for color and radius mapping, and `select` and `range` for data binding. The `fruitBowl` function manages enter, merge, and exit selections, applying `transition().duration(1000)` to animate both `cx` and `r` attributes. Data consists of five apples initially, with dynamic updates possible through the provided functions.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed