Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

6a897028339f4d81be200925e85e512b

Let's make a face with D3.js!

0 stars1🌍 Public
Bbellotukurm
Last edited Sep 15, 2019
Created on Sep 15, 2019

A yellow smiley face is drawn with SVG circles, a path, and rectangles, then animated with D3 transitions that move its eyebrows and cap. The code uses D3’s `select`, `arc`, and `transition` methods to build and animate the face, which includes eyes, a curved mouth, and a red hat. The eyebrows shift up and down, and the cap slides side to side, demonstrating basic DOM manipulation and tweening with d3.v5.

AI-generated description

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