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)

bbd1755cacb34ace9cfbf161c3f5fd04

Let's make a face with D3.js!

0 stars1🌍 Public
SShawn Kearney
Last edited Jan 4, 2020
Created on Jan 4, 2020

A yellow circle face with black-outlined eyes, eyebrows, and an arc-shaped mouth is drawn in SVG using D3.js v5. The eyebrows animate upward and back down over two seconds via chained `transition()` calls with `duration(2000)`. The code uses `d3.select`, `d3.arc`, and attribute manipulation to construct the face, with coordinates centered on an SVG canvas.

AI-generated description