Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

Viewing a saved revision (read-only)

610223cea43e4a6cb10b109d282a5b86

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

0 stars0🌍 Public
GGordeev Alex
Last edited May 19, 2021
Created on May 19, 2021

A yellow smiley face is drawn on an SVG canvas using D3.js v5, with black-outlined features and proportional spacing. The example demonstrates fundamental DOM manipulation and chained transitions, as the eyebrows move up and down in a repeating animation cycle. The code uses D3's `select`, `arc`, and `.transition()` methods to construct and animate the face, with static circles, rectangles, and a mouth path.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.