🌍 Public
Viewing a saved revision (read-only)
f3bba49967e349e0933f221ba48473bd
Let's make a face with D3.js!
A yellow SVG face appears on a blank canvas, with its two rectangular eyebrows animating upward and then back down in a repeating loop. The facial features—head, eyes, and mouth—are constructed by appending basic shapes to a central group, with the mouth drawn as a semi-circular arc using D3’s `arc` generator. The animation is driven by chaining `transition().duration(2000)` calls on the eyebrow group, demonstrating fundamental DOM manipulation and a simple timeline with D3 v5.
AI-generated descriptionDemonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.