Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of Fruit

Public visualization

Viewing a saved revision (read-only)

4c37cd58320e458281798aae759956bc

Bowl of Fruit

0 stars0🌍 Public
Aala-wahibi
Last edited Mar 5, 2020
Created on Mar 4, 2020

D3.js renders an animated bowl of fruit where apples and lemons appear, transform, and disappear in a circular arrangement. The visualization demonstrates the general update pattern: entering elements fade and scale in, updating elements shift positions, and exiting elements shrink and fade out. Clicking a fruit highlights it with a black stroke. The code uses `scaleOrdinal` for color, radius, and font sizing, `transition().duration()` for animation, and data joins on `g` elements. Fruits are generated randomly and mutated through timed `setTimeout` events.

AI-generated description