Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

db8944e1c56d4591a640e6e0c8657c48

Fork of Let's make a face with D3.js!

0 stars0🌍 Public
LLozakaka
Last edited Oct 10, 2022
Created on Oct 10, 2022

A yellow smiley face rendered in SVG uses D3.js v5 to demonstrate chained transitions on the eyebrows. The face, built with `d3.select` and `d3.arc` for the mouth, animates both rectangular eyebrows upward over two seconds, then returns them to their original position. The eyebrows move as a group via `transition.attr` on the transform attribute, while static circles and rectangles define the eyes and brows. This example shows basic DOM manipulation and timed animation without external data.

AI-generated description

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