🌍 Public
Viewing a saved revision (read-only)
b3be010154ad4468ae11c51c50c44fcc
Lets make a face
A smiley face drawn in SVG animates its eyebrows in a continuous looping motion. The face is built from basic shapes: a yellow circle for the head, two circles for eyes, rectangles for eyebrows, and an arc for the mouth. Using the D3.js library, the code constructs the SVG elements via the `select` and `append` APIs, and applies a two-second transition with `transition().duration(2000)` to move the eyebrows up and down. The mouth is generated using the `arc` API to create a partial ring.
AI-generated descriptionDemonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.