Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Let's make a face with D3.js!

0 stars0🌍 Public
Ssuhaibsiddiqui01
Last edited Apr 20, 2020
Created on Apr 20, 2020
Forked from HTML Starter

This example builds an animated face entirely with D3.js v5, using SVG shapes for the head, eyes, eyebrows, and mouth. The code calls `d3.arc()` to trace the mouth’s curved path, while `transition().duration()` animates the eyebrows upward and back over two seconds. A yellow circle forms the face with black strokes, and fixed pixel constants position each facial feature symmetrically around the SVG’s center.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed