Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

Viewing a saved revision (read-only)

fe786900d9604dc18ecfc292d2619561

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

0 stars0🌍 Public
YYue Ma
Last edited Dec 28, 2021
Created on Dec 28, 2021

A yellow smiley face is drawn in SVG using D3.js v5, with two circles for eyes and a path-based arc for the mouth. The eyebrows, rendered as rectangles, animate upward and then back down over four seconds via chained `transition().duration()` calls. D3's `select` and `arc` utilities construct the face geometry, while a centered `<g>` group applies translations based on the SVG's dimensions.

AI-generated description

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