Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's Make a Face

Public visualization

Viewing a saved revision (read-only)

68ebc89beec44e8e9d63d32f678932f5

Let's Make a Face

0 stars2🌍 Public
Aaurelio-david
Last edited Jun 28, 2020
Created on Jun 28, 2020
Forked from Let's Make a Face

A smiling face drawn with SVG shapes animates its eyebrows upward in a repeating loop. The example uses D3 v5 selections to append a yellow circle for the head, two dark circles for eyes, rectangles for eyebrows, and an arc-generated path for the mouth. The eyebrow group transitions vertically via `transition.attr` with a duration of 1000 milliseconds, creating a subtle bouncing effect. All elements are centered using a translated SVG group, with hardcoded pixel values for spacing and geometry.

AI-generated description

React Starter code.