Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of Fruit - General Update Pattern

Public visualization

Bowl of Fruit - General Update Pattern

0 stars1🌍 Public
AArriannePandaraoan
Last edited May 2, 2020
Created on Apr 21, 2020

A bowl of fruit demonstrates the D3.js general update pattern, animating a dataset of apples and lemons as it changes over time. The example shows how to bind fruit data to SVG groups, using `scaleOrdinal` for color and radius, and entering, updating, and exiting elements seamlessly. Through a series of timed interactions, an apple is eaten, one is replaced with a lemon, and another is removed, highlighting how `selection.merge`, `selection.enter`, and `selection.exit` manage DOM updates. The visualization renders with SVG shapes and transitions based on a row of fruit in a bowl.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.

Comments

Sign in to join the discussion.

MIT Licensed