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)

5486c56bf4884bb0b970828f545bfdbc

Let's make a face with D3.js!

0 stars1🌍 Public
VVinceVerspeek
Last edited Dec 22, 2020
Created on Dec 22, 2020

A smiling face drawn with SVG shapes animates its eyebrows up and down in a looping motion. The example uses D3.js v6 to construct the face from circles, rectangles, and an arc-generated mouth, centered within an SVG canvas. D3 transitions drive the eyebrow animation by repeatedly updating the transform attribute of the eyebrow group. The code imports `select` and `arc` from D3, with hardcoded dimensions for the facial features.

AI-generated description

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

See also React Starter.