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)

9205a4cb8a934ae289938f258ae980b7

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

0 stars0🌍 Public
Sstiti75
Last edited Jan 3, 2022
Created on Jan 3, 2022

A yellow smiley face with animated eyebrows demonstrates fundamental D3.js DOM manipulation. The face is built entirely with SVG shapes: circles for the eyes and head, rectangles for the eyebrows, and a path generated with the `d3.arc` function for the mouth. Eyebrows move up and down via chained `transition().duration()` calls that repeatedly shift the group's `transform` attribute. The example uses D3 v5, importing `select` and `arc` from the library, and renders entirely in an SVG container sized 760 by 500 pixels.

AI-generated description

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