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)

2a7bfef21f55470292c1287bbf0cd530

Let's make a face with D3.js!

0 stars0🌍 Public
FFuzz-Head
Last edited Jun 15, 2020
Created on Jun 15, 2020
Forked from HTML Starter

This example constructs a cartoon face using D3.js v5, rendering a yellow circle with eyes, eyebrows, and a mouth as SVG shapes. The code defines geometric parameters like eye spacing, radius, and offsets to position each facial feature around the center of an SVG canvas. It uses `d3.select`, `d3.arc` for the mouth path, and `transition` with `duration` to animate the eyebrows upward and back down over two seconds. All elements are appended to a group translated to the canvas midpoint.

AI-generated description

A bare minimum HTML page.

See also React Starter.