Skip to main content
100%

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

✓ Published0🌍 Public
RrennyshihNY
Last edited Aug 29, 2021
Created on Aug 29, 2021

A yellow smiley face rendered with SVG uses D3.js v5 to demonstrate fundamental DOM manipulation. The face’s eyebrows animate upward and downward through chained `transition()` calls that shift their `transform` attribute over two-second intervals. The author constructs the head, eyes, and eyebrows with `select()` and `append()`, while the mouth uses the `arc()` generator from D3’s shape module with specified inner and outer radii and angular ranges. Both circles and rectangles are positioned via fixed pixel offsets in a centered group.

AI-generated description

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

MIT Licensed

Similar vizzes