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
AAsrar Al Qassem
Last edited Feb 23, 2024
Created on Feb 23, 2024

A smiley face drawn with D3.js animates its eyebrows bobbing up and down in a looping transition. The example demonstrates basic SVG shape creation and DOM manipulation using D3 selections, appending circles for the eyes, rectangles for the eyebrows, and an arc-generated path for the mouth. The `transition()` method with a 2000-millisecond duration moves the eyebrow group vertically, then reverses the transform to create the oscillation. It uses D3 v5's `select` and `arc` APIs.

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