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)

ca52d445706d483a8ecd5e62b22909f5

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

0 stars0🌍 Public
Ssu10king
Last edited Feb 26, 2021
Created on Feb 26, 2021

A yellow smiley face with animated eyebrows demonstrates fundamental DOM manipulation with D3.js. The code uses d3.select, d3.arc, and chained transitions to move rectangular eyebrows up and down over time. The face is built from SVG circles for the eyes and head, and a path created with the arc generator for the mouth. All elements are positioned relative to a centered group using transform attributes.

AI-generated description

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