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)

5e9648a579d3452a8f3c6aa66ec7ea27

Let's make a face with D3.js!

0 stars1🌍 Public
DDaniel Prevoznik
Last edited Apr 30, 2020
Created on Apr 29, 2020
Forked from Lets make a face

A playful D3.js example builds a cartoon face from basic SVG shapes, including a red circle for the head, eyes, eyebrows, a mouth, and a beard. The code uses d3.arc to generate the mouth and beard paths, and d3.transition with a repeating loop to animate the eyebrows up and down while rotating them slightly. All elements are positioned relative to the SVG center using transform attributes, and the animation runs continuously via a recursive repeat function.

AI-generated description