🌍 Public
Viewing a saved revision (read-only)
50e0d20ec6bc43649a9016fdb0513ec2
groups - transitions
JJames Malvern
Last edited Mar 15, 2021
Created on Mar 15, 2021
Forked from general update pattern - bowl of fruit with text
The example demonstrates D3.js data joins with entering, updating, and exiting groups of fruit shapes, rendered as SVG circles and text labels. It animates state changes over time via `setTimeout`, including swapping fruit types and removing items from the array. The code uses `scaleOrdinal` for color and radius mappings, and merges enter and update selections with `selection.merge`. The fruit data is generated randomly and rendered inside a static brown bowl rectangle.
AI-generated descriptionAn example showing the capabilities of VizHub:
- Loads D3 via UNPKG.
- Demonstrates use of
importfrom"d3". - Demonstrates use of
importfrom local ES6 modules.