Skip to main content
100%

Let's make a face with D3.js!

✓ Published0🌍 Public
LLinn
Last edited Oct 13, 2019
Created on Oct 13, 2019

A yellow smiley face is drawn in the center of an SVG canvas, with a black-outlined circle, two eyes, a nose, arched mouth, and pair of rectangular eyebrows. The eyebrows animate upward and then back down in a looping sequence. Built with D3.js v5, the example demonstrates fundamental DOM manipulation using selection and append methods, along with the `arc` generator to create the mouth and nose, and `transition` with `duration` to move the eyebrow group. No external data is used; all shapes are coded directly.

AI-generated description

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

MIT Licensed

Similar vizzes