Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Nested Elements

Public visualization

Nested Elements

0 stars1🌍 Public
AAjit Singh
Last edited Jan 5, 2021
Created on Jan 5, 2021
Forked from Learn Selection

This example demonstrates nested SVG elements by rendering a bowl of fruit as circles within groups. It shows how to manage enter, update, and exit selections with D3 v5, using `scaleOrdinal` for color and radius mapping. The visualization updates over time via `setTimeout`, removing fruits, changing an apple to a lemon, and filtering the data array. Rectangles anchor the bowl, while groups position each circle and its corresponding text label.

AI-generated description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed