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)

5d75ff77958e45fc88521a137b88deaf

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

0 stars1🌍 Public
Zz99876664@gmail.com
Last edited Sep 4, 2024
Created on Sep 3, 2024

This example shows a cheerful yellow smiley face built with D3.js, whose eyebrows animate upward and back down in a looping motion. The face is rendered as SVG elements using `d3.select`, `append`, and `d3.arc` for the mouth, while `transition()` and `attr()` handle the eyebrow movement. The code constructs the face with separate groups for eyes and brows, using plain SVG shapes like `circle` and `rect`, and runs entirely client-side with d3.v7.

AI-generated description

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