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)

f225a5dfe50d4bffa1414473f609a9f5

Let's make a face with D3.js!

0 stars1🌍 Public
Lloisasy
Last edited Jan 21, 2020
Created on Jan 20, 2020
Forked from Untitled

This example uses D3.js to construct a cartoon face from basic SVG shapes—circles for eyes, rectangles for eyebrows, and a path for the mouth. The face is centered within a 960x500 SVG canvas, and the code animates the eyebrows by chaining `transition()` calls over two seconds to move them up and down. It imports `select` and `arc` from D3, using the `arc` API to generate the mouth's inner and outer radius path. The result is a simple, playful demonstration of D3’s shape creation and animation capabilities.

AI-generated description

A bare minimum HTML page.

See also React Starter.