Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Let's make a face with D3.js!

0 stars0🌍 Public
AArthur Ayestas Hilgert
Last edited Aug 29, 2019
Created on Aug 29, 2019

A D3.js example constructs a yellow smiley face with animated eyebrows using SVG. The face is composed of a circle for the head, two circular eyes, and a mouth drawn with the `d3.arc` helper. Eyebrows are rendered as rectangles and animated with chained `transition().duration()` calls, moving them up and down repeatedly. The code uses D3 selections and attribute manipulation to build the SVG scene from scratch, with no external data—only hardcoded geometric values for positioning and sizing.

AI-generated description

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

Comments

Sign in to join the discussion.

MIT Licensed