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
Jjerry70938@gmail.com
Last edited Sep 5, 2024
Created on Sep 4, 2024

D3.js draws a yellow smiley face with animated eyebrows and a static arc mouth on an SVG canvas. The code uses d3-selection to append circles for the eyes and face, rects for the eyebrows, and d3-shape’s `arc()` for the mouth. A chained `transition()` moves the eyebrow group up and down in a looping two-second animation, demonstrating basic DOM manipulation and simple, time-based SVG transitions.

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