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)

dac1226da1264c1da120f9358d93f9b9

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

0 stars0🌍 Public
VVaibhav Hanskar
Last edited Oct 3, 2023
Created on Oct 3, 2023

A simple smiley face is drawn with SVG shapes, including a yellow circle, eyes, eyebrows, and an arc-based mouth. The eyebrows animate vertically via chained `transition().duration()` calls, moving up and then back down. The code uses D3 v5's `select`, `arc`, and attribute manipulation to create the static face and coordinate the timed eyebrow movement, all rendered in an SVG canvas.

AI-generated description

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