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)

664352ec16bd4c7b96178d3f6b91ba1f

Let's make a face with D3.js

0 stars0🌍 Public
Kkrasser650
Last edited May 10, 2021
Created on May 9, 2021
Forked from HTML Starter

This example uses D3.js (v6) with React to draw an animated face in SVG. A yellow circle forms the head, with two eyes and a mouth created using the `arc` shape generator. Eyebrows are rectangles that animate vertically using chained `.transition()` calls with varying durations, creating a bobbing motion. The code demonstrates SVG attribute manipulation, transitions, and geometric construction within a 960×500 canvas.

AI-generated description

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

See also React Starter.