🌍 Public
Viewing a saved revision (read-only)
096e75d698a545938e8e46c59a389039
D3 Bowl of Fruit - With Nested Elements
Rrdeichert
Last edited Dec 16, 2019
Created on Dec 12, 2019
Forked from D3 Bowl of Fruit - General Update Pattern
This example demonstrates dynamic data updates with nested SVG elements, rendering apples and lemons in a rounded bowl shape. The visualization uses d3-selection's enter/merge/exit pattern within a custom `fruitBowl` function, updating fruit positions and styles as the data array changes over timed intervals. The code leverages `d3.scaleOrdinal` for color and radius mappings, and binds fruit data to `<g>` groups containing nested `<circle>` and `<text>` elements. The animation cycles through removing, modifying, adding, and filtering fruits to show how joins handle each change.
AI-generated description