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)

d80c5278bb8342d28553191ad2662251

Let's make a face with D3.js!

0 stars0🌍 Public
MMainul Islam
Last edited Sep 23, 2020
Created on Sep 23, 2020

A yellow smiley face is drawn in SVG using D3.js v5, with a circular head, two eyes, and a mouth formed by an arc path. The eyebrows are animated upward and back down via chained `transition` calls that modify their `transform` attribute over two-second durations. The example demonstrates fundamental DOM manipulation with `select` and `append`, using static measurements for spacing and coordinates to compose the face.

AI-generated description

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