Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets make a face

Public visualization

Lets make a face

0 stars0🌍 Public
Yyetunde.o.adeyemo@gmail.com
Last edited Aug 5, 2024
Created on Aug 5, 2024

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 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