Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face!

Public visualization

Let's make a face!

0 stars0🌍 Public
MMatan
Last edited Nov 7, 2020
Created on Nov 7, 2020
Forked from HTML Starter

A yellow circle with a black outline, two dark eyes, and an arc-shaped mouth form a simple face. The eyebrows, drawn as rectangles, move up and down in a looping animation using D3's transition system. The SVG is generated with the `select`, `append`, and `arc` APIs, and the eyebrow movement is orchestrated with the `transition().duration()` and `.on("end", ...)` methods to repeat the motion. The face is centered in a 960x500 SVG canvas using a group transform.

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