Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Course Code Along - Nested Elements

Public visualization

Viewing a saved revision (read-only)

219cbab97a2043f2ae31516f069b095f

D3 Course Code Along - Nested Elements

0 stars2🌍 Public
Rrenenadorp
Last edited Jun 16, 2020
Created on Jun 16, 2020

Five fruit shapes are rendered as nested SVG groups, each containing a colored circle and text label. The visualization demonstrates D3's data join pattern with enter, update, and exit selections to animate changes in the fruit array. Using d3.select and scaleOrdinal from D3 v5, circles transition between red apples and yellow lemons based on data modifications triggered by setTimeout callbacks. The code imports fruitBowl from a module and manages object constancy through randomized id properties.

AI-generated description