Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Let's make a face with D3.js!

0 stars1🌍 Public
Pphongbui81062
Last edited Dec 5, 2019
Created on Dec 5, 2019

A simple yellow circle with eyes and an arc-based mouth forms a cartoon face in SVG. The eyebrows animate upward and back down using chained `transition()` calls with a 2-second duration each. The code builds the face with D3 v5 selections, positioning elements via `translate`, and constructs the mouth with the `arc()` helper, specifying inner and outer radii alongside start and end angles. The animation runs once on load within the fixed 960x500 viewport.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed