Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Nested elements with transitions

Public visualization

Nested elements with transitions

0 stars0🌍 Public
TTimothy sit
Last edited Dec 30, 2020
Created on Dec 29, 2020

A dynamic fruit bowl updates through sequential data changes, showing apples and lemons as colored circles with labels inside a brown rectangular container. Using D3 v5 with SVG rendering, the example demonstrates nested elements where each fruit group contains a circle and text element. The visualization uses a scaleOrdinal for color and radius mapping, while data joins with enter/merge/exit patterns handle transitions when fruits are removed or change type.

AI-generated description

Second attempt at nested elements (with transitions)

Comments

Sign in to join the discussion.

MIT Licensed