Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

face

Public visualization

Viewing a saved revision (read-only)

06d3c20b5a4f400e8f61c6bbcb20ec1d

face

0 stars1🌍 Public
MM Hema
Last edited Feb 27, 2024
Created on Feb 27, 2024

A smiling face drawn with SVG shapes—a yellow circle, black outlines, pink ellipses for cheeks and ears, and an arc for the mouth—has animated eyebrows that continuously move up and down. The example demonstrates fundamental DOM manipulation with D3.js v5, using `select`, `append`, and `attr` to build the face from primitive elements. A `transition` with a two-second duration moves the eyebrow group, while `arc` generates the mouth path. No external data is loaded; all geometry is hardcoded in `index.js`.

AI-generated description

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