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)

1427e413e0104ef7babd0c2fa0d46a6e

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

1 star0🌍 Public
CChi Aghaizu
Last edited Feb 25, 2023
Created on Feb 24, 2023

A smiling face built with SVG elements appears on a pink circle with a yellow stroke, featuring eyes, nostrils, teeth, and a mole. Using D3.js v5, the code constructs the face with `select` and `arc`, positioning shapes via `attr` transforms. Eyebrows animate through chained `transition().duration(2000)` calls, moving and rotating independently in a looping motion. The example demonstrates fundamental DOM manipulation and SVG rendering with D3 transitions.

AI-generated description

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