Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Let's make a face with D3.js!

0 stars0🌍 Public
HHwl98
Last edited Apr 17, 2020
Created on Apr 17, 2020

A D3.js v5 example creates a smiley face in an SVG, animating its eyebrows through a sequence of transitions. The face is built with a yellow circle for the head, two circles for eyes, and a crescent-shaped path for a mouth, all grouped and transformed to center on the canvas. Eyebrows, rendered as rectangles, move up and down over two-second durations using the `transition` API, demonstrating fundamental DOM manipulation with `select` and `append` methods.

AI-generated description

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

Comments

Sign in to join the discussion.

MIT Licensed