Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Animations

Public visualization

Viewing a saved revision (read-only)

d4dd7db0b952460c93db809c8ecb8b02

Animations

0 stars1🌍 Public
Aanouckstbr@gmail.com
Last edited May 29, 2024
Created on Apr 2, 2024

Animated fruit bowl demonstrations show how data joins and transitions work in D3.js, with apples and lemons appearing, disappearing, and changing type over time. Using `selectAll` and the `.enter()`, `.merge()`, and `.exit()` selection APIs, circles animate their radius and position through `.transition()`. A separate face graphic uses `arc()` paths and tweened eyebrow movements, while click and hover interactions trigger selection states that update stroke styling.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.