Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of Fruit - Nested

Public visualization

Bowl of Fruit - Nested

1 star0🌍 Public
HHe Jianfeng
Last edited Apr 8, 2021
Created on Apr 8, 2021

Five apples render as nested SVG circles in a row, their size and color mapped by `d3.scaleOrdinal` to fruit type. The code uses the `fruitBowl` module to draw circles and labels with `.enter()`, `.merge()`, and `.exit()` transitions. Timed actions mutate the `fruits` array, removing one apple, replacing another with a lemon, and filtering out a third, demonstrating incremental updates to the DOM.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed