Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

MAP make a with D3.js!

Public visualization

Viewing a saved revision (read-only)

9f588f10060c41afa12966877522e1cf

MAP make a with D3.js!

0 stars0🌍 Public
KKyleHincz
Last edited Sep 26, 2021
Created on Sep 26, 2021

A yellow smiley face rendered in SVG animates its eyebrows upward and back down in a looping two-second transition. Built with D3.js v5, the example uses `d3.select`, `d3.arc` for the mouth, and SVG circles and rectangles for facial features. The eyebrow movement is driven by sequential `transition().duration()` calls that modify the group’s `transform` attribute.

AI-generated description

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