Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fruit Bowl

Public visualization

Viewing a saved revision (read-only)

1975af53e3ec4bdea3a599b6f47ac432

Fruit Bowl

0 stars0🌍 Public
AAbhijeet Panda
Last edited Oct 29, 2019
Created on Oct 29, 2019
Forked from Fruit Bowl

Fruit Bowl demonstrates dynamic data visualization with D3.js, showing a bowl of fruit that updates over time. Animated transitions adjust the bowl's width while apples and lemons appear, disappear, and change types through shifting SVG circle and text elements. The code uses d3.scaleOrdinal for color and radius mapping, selection joins with enter/merge/exit patterns, and d3.transition for smooth updates. Three timed steps trigger data mutations, including pop, type replacement, and filtering.

AI-generated description