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 stars0🌍 Public
AAlfaShivamKumar
Last edited Oct 3, 2023
Created on Oct 3, 2023

This example creates a yellow smiley face with eyes, eyebrows, and a smile using D3.js v5. The code builds the face with SVG circles, rectangles, and an arc path, then animates the eyebrows by repeatedly transitioning their vertical position over two-second intervals. It demonstrates fundamental DOM manipulation with selections and the `transition()` method, using `d3.select` and `d3.arc` to construct the shapes in a centered group.

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