Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's make a face with D3.js!

Public visualization

Fork of Let's make a face with D3.js!

0 stars1🌍 Public
Sstan.philipsen@kraken.com
Last edited May 24, 2024
Created on May 24, 2024

This animated D3.js example creates a smiley face from basic SVG shapes, with a yellow circle for the head, two eyes, and an arc-shaped mouth. The eyebrows, rendered as rectangles, move up and down in a continuous two-second loop using chained `transition` calls. The code demonstrates DOM manipulation by appending elements to an SVG canvas and applying transforms through D3's selection and attribute 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