Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of Fruit - General Update Pattern Special Cases

Public visualization

Bowl of Fruit - General Update Pattern Special Cases

0 stars0🌍 Public
Jjulieducasse
Last edited Oct 20, 2019
Created on Sep 27, 2019

This example demonstrates the General Update Pattern with a bowl of fruit that changes over time: five apples appear, then one is removed after a second. It shows how to handle enter, update, and exit selections in D3 v5 using SVG. The code imports `scaleOrdinal` from `d3` to map fruit types to colors and radii, and uses `selection.merge()` to combine entering and updating groups. The fruit bowl itself is a rounded rectangle appended once via a `[null]` data join. A `setTimeout` triggers the pop operation to remove an apple.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed