Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

Viewing a saved revision (read-only)

cb3b6114afb84c2da9b30bd79489c31d

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

0 stars1🌍 Public
TTejaswicmandava
Last edited Feb 25, 2023
Created on Feb 25, 2023

A smiling face made of sky-blue SVG shapes demonstrates basic D3.js DOM manipulation. The code uses `d3.select` to append a circle for the head, two circles for eyes, and an arc-generated path for the mouth. Eyebrows are rectangles that animate vertically through chained `transition().duration()` calls, moving down and back up. The example relies on D3 v5's `select`, `arc`, and transition methods, rendering entirely in SVG with no external data.

AI-generated description

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