Skip to main content
100%

Let's make a face with D3.js!

✓ Published0🌍 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.

MIT Licensed

Similar vizzes