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)

990d299d81504815bf4f03af458d497a

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

0 stars0🌍 Public
Pprachow
Last edited Feb 22, 2023
Created on Feb 22, 2023

A smiling face drawn with D3.js animates by repeatedly moving its eyebrows up and down. The visualization demonstrates fundamental DOM manipulation by building the face from SVG shapes, including circles for the head and eyes, rectangles for the eyebrows, and a path generated with the `d3.arc` helper for the mouth. Using D3 v5 and the `select` API, the eyebrows are animated with chained `transition` calls, each lasting two seconds, to create a looping motion.

AI-generated description

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