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)

9377f03fd6924920866b507b70b808d6

Let's make a face with D3.js!

0 stars4🌍 Public
CCalvin Gomez
Last edited May 11, 2020
Created on May 10, 2020

A smiling yellow face is drawn in SVG using D3.js, with circular eyes, a curved mouth built from `d3.arc`, and rectangular brows that animate upward and back down via `transition`. The face is centered in a 960-by-500 viewport, with groups offsetting the eyes and brows for spatial organization. The code uses d3.select and d3.arc, along with chained transitions on the brows group to create a simple expression change.

AI-generated description