Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with d3.js

Public visualization

Viewing a saved revision (read-only)

b93b147f80154e2ab4852058e2a59a68

Let's make a face with d3.js

0 stars3🌍 Public
ZZ-Richard
Last edited Jun 12, 2020
Created on Jun 12, 2020
Forked from HTML Starter

A yellow circle with a black outline forms a face, featuring two eyes and a mouth, while the eyebrows animate by shifting downward and then returning upward over four seconds. The example builds an SVG scene using d3.select and d3.append to structure the face from primitive shapes, including d3.arc for the mouth's curved path. The animation relies on chained d3.transition calls with a two-second duration, altering the eyebrow group's transform attribute to create the repeated motion.

AI-generated description