Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets make a face

Public visualization

Viewing a saved revision (read-only)

c741e50dc33a4e0489fa12f39a745981

Lets make a face

0 stars0🌍 Public
HHaifan Li
Last edited Mar 15, 2020
Created on Mar 14, 2020
Forked from Lets make a face

A smiling face constructed from D3 shapes animates its eyebrows upward and downward in a repeating cycle. The yellow circular head, black-outlined eyes, and arc-based mouth are drawn as SVG elements using D3's `select`, `append`, and `arc` APIs. The face’s components are positioned via translation transforms, while the eyebrow motion relies on D3’s `transition` with a two-second duration. This React-framework example demonstrates animated SVG composition with D3 v5.

AI-generated description

A bare minimum HTML page.

See also React Starter.