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
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.

Comments

Sign in to join the discussion.

MIT Licensed