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)

df02719885a64e58ab704f36b682d6c8

Let's make a face with D3.js!

0 stars0🌍 Public
Ccatherinegomes
Last edited Mar 20, 2020
Created on Mar 20, 2020

D3.js v5 draws a yellow circular face with two eyes, animated eyebrows, and a mouth built from an arc path, all centered in an SVG. The eyebrows use chained transitions to move up and down over two-second intervals. The code employs `d3.select`, `d3.arc`, and SVG shapes—circle, rect, and path—to construct the figure, with a red tongue added via a second arc path. Static attributes set positions, while transitions handle the subtle eyebrow animation.

AI-generated description