Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of fruit nested

Public visualization

Bowl of fruit nested

0 stars1🌍 Public
MMatan
Last edited Nov 9, 2020
Created on Nov 8, 2020
Forked from Bowl of fruit

Five apples render as red circles in an SVG bowl, then an apple is removed, one turns lemon yellow, and another is deleted in timed steps. The example shows D3.js data joins with key functions, using `selection.enter` and `selection.exit` to update groups and circles. `d3.scaleOrdinal` maps fruit types to colors and radii, while a `fruitBowl` function encapsulates the nested join logic.

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