Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's Make a Face

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed