Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

eff30a55781e4ef1a97e974d9974b355

Let's make a face with D3.js!

0 stars0🌍 Public
SSaket Anand
Last edited Mar 25, 2020
Created on Mar 25, 2020

A yellow smiley face drawn in SVG shows animated eyebrows that rise and fall over repeated two-second transitions. The example demonstrates fundamental DOM manipulation with D3.js v5, using selections to append circles for the face and eyes, rectangles for the eyebrows, and a path generated with the `arc()` helper for the mouth. Eyebrow motion relies on chained `transition().duration()` calls that alternate the transform attribute.

AI-generated description

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