Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

94563cb66f4f421483b79866fd44220e

make a face with D3.js!

0 stars1๐ŸŒ Public
Rradiohead-lgl
Last edited Sep 8, 2021
Created on Sep 8, 2021

A pink smiley face rendered with D3.js animates by moving its eyebrows up and down. The example shows fundamental DOM manipulation, drawing a circle for the head, arcs for the mouth, and rectangles for the brows, all positioned with translation transforms. It uses `d3.select` and `d3.arc` from d3.v7, with chained `transition().duration()` calls to create the eyebrow animation.

AI-generated description

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