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)

975b4c9e523544e88061f217d623b067

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

0 stars0🌍 Public
Bbuzquirk
Last edited May 14, 2021
Created on May 14, 2021

A smiling face rendered in SVG features animated eyebrows that rise and fall in a repeating two-second cycle, while the rest of the facial elements remain static. Built with D3 v5, the example uses fundamental selections and DOM manipulation to construct circles, rectangles, and an arc-generated mouth. The code leverages d3.select, d3.arc, and chained transition calls to move the eyebrow group vertically, demonstrating core drawing and animation techniques in a minimal, self-contained visualization.

AI-generated description

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