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)

20d6aa3f1f2d465b87088dd690ee83c4

Let's make a face with D3.js

0 stars0🌍 Public
BBarryC7
Last edited Oct 29, 2019
Created on Oct 27, 2019
Forked from Hello VizHub

This example builds a cartoon face from SVG primitives, including a pink head, red eyes, blue eyebrows, and an arc-based mouth. The eyebrows animate by repeatedly shifting their vertical position using chained `transition()` calls with `duration(1000)`. D3 v5 selections and the `arc` generator construct the shapes, while the SVG group elements and coordinate transforms center the face and position features relative to one another.

AI-generated description