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)

7e617dea800c4011aeeffc917dee44b7

Let's make a face with D3.js

0 stars5🌍 Public
Ppkcesar
Last edited Mar 30, 2020
Created on Mar 30, 2020

A smiling face built from SVG shapes animates in D3.js v5. A yellow circle forms the head, with eyes, animated eyebrows that move up and down via chained `transition` calls, and a mouth drawn as an arc path using `d3.arc()`. The code positions elements within a group translated to the canvas center, using fixed pixel dimensions for features.

AI-generated description

A bare minimum HTML page.

See also React Starter.