Skip to main content
100%

Make a Face with D3.jh

✓ Published2🌍 Public
MMichelle Mac
Last edited Sep 29, 2020
Created on Sep 28, 2020
Forked from React Starter

A yellow circle becomes a face with animated eyebrows, eyes, and a mouth rendered in SVG. The example uses D3 v5 selections and transitions to build the facial features, with `transition().duration()` moving the eyebrows up and down in a repeating loop. The mouth is drawn using the `d3.arc()` path generator, while the face's structure relies on nested groups and coordinate offsets. The code imports `select` and `arc` from D3 and runs inside a React framework setup with bundled JavaScript.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes