Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

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

0 stars0🌍 Public
Hhossaphul
Last edited Feb 25, 2023
Created on Feb 25, 2023

A yellow smiley face with animated eyebrows demonstrates basic DOM manipulation and transitions in D3.js v5. The SVG face is built from circles, rectangles, and an arc-generated mouth, centered by translating a group element. D3’s `transition().duration()` shifts the eyebrow group upward and back down in a two-second loop. The code imports `select` and `arc` from the D3 module, using method chaining to append and style each shape.

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