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)

8afcb01e337f473f9463b4f7eaedd06e

Let's make a face with D3.js!

0 stars1🌍 Public
OOckiya Beinmonyu Daniel
Last edited Dec 3, 2020
Created on Nov 26, 2020
Forked from HTML Starter

This example constructs a cartoon face from primitive SVG shapes: a yellow circle for the head, two circles for eyes, rectangles for eyebrows, and a semicircular path for the mouth. Animated with D3.js v5 transitions, the eyebrows move down and up over four seconds, creating a simple expressive gesture. The code uses `d3.select`, `d3.arc`, and chained `.transition().attr()` calls to build and animate the face within an SVG canvas.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.