Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Bowl of Fruit - General Update Pattern Special Cases

Public visualization

Fork of Bowl of Fruit - General Update Pattern Special Cases

0 stars0🌍 Public
YYouSheng-Do
Last edited Sep 19, 2023
Created on Sep 19, 2023

This example demonstrates how D3.js handles updates to a dataset by animating the addition, removal, and modification of elements. It shows a bowl of fruit represented by colored circles with labels, using D3's `select`, `range`, and `scaleOrdinal` functions. The `transition().duration(1000)` API animates radius and text changes as apples are eaten and replaced with lemons, while the SVG and g elements are created and removed through the general update pattern.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed