Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Practice

Public visualization

Viewing a saved revision (read-only)

0705453f302946e8aa67f15935e7747c

Practice

0 stars0🌍 Public
Hhossaphul
Last edited Mar 8, 2023
Created on Mar 8, 2023

A smiling face built from D3.js SVG shapes demonstrates sequential animation with transition chains. The yellow circle, eyes, and arc-based mouth are drawn using D3 selections and the `d3.arc` helper, while two rectangular eyebrows animate upward and back down over four seconds. The movement uses chained `transition().duration()` calls on the eyebrow group's transform attribute, illustrating basic DOM manipulation and timed updates.

AI-generated description

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