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
OOliver Wills
Last edited Jun 19, 2020
Created on Jun 19, 2020

This example demonstrates the general update pattern in D3 with special cases, showing a bowl of fruit that changes over time as apples are eaten and replaced with lemons. The visualization uses D3 v5’s data joins (`selection.data`, `.enter`, `.exit`) to manage SVG circles and text elements, with `scaleOrdinal` mapping fruit types to colors and radii. A rect represents the bowl, and each fruit’s position is computed via index-based translations. The code sequences updates using `setTimeout`, illustrating how enter, update, and exit selections handle modifications to the data array.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed