Skip to main content
100%

Let's make a face with D3.js!

✓ Published2🌍 Public
Xxiaoma1002
Last edited Feb 26, 2020
Created on Feb 26, 2020

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 description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.

MIT Licensed

Similar vizzes