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)

b237e12041774529902b33308c751a0c

Let's make a face with D3.js!

0 stars0🌍 Public
KKelvin Yuen
Last edited Sep 17, 2019
Created on Sep 3, 2019
Forked from Create a bar chart

A yellow circle with black eyes, eyebrows, and a curved mouth forms a simple face on an SVG canvas, centered via a D3-selected group. The eyebrows animate upward and back down using chained `transition.attr` calls over two two-second intervals. The mouth is drawn with the `d3.arc` path generator, while all shapes are appended and styled through D3 v5’s selection and attribute methods.

AI-generated description