Skip to main content
100%

Make a face with D3.js

✓ Published2🌍 Public
CChinzorigt Ganbat
Last edited Sep 17, 2020
Created on Sep 17, 2020
Forked from SVG shapes

A yellow face built from SVG primitives sits centered in the canvas, with two circles for eyes, two rectangles as eyebrows, and a path-based mouth using `D3.arc`. The eyebrows animate upward and then back down over two seconds using D3’s `.transition().duration()` API, creating a subtle, repeated motion. The code imports `select` and `arc` from D3 v6 within a React framework, and renders entirely through SVG elements positioned via transforms.

AI-generated description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes