Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork

Public visualization

Viewing a saved revision (read-only)

d3c25cdca3a742c2ba06ae89ba7802bf

Fork

0 stars0🌍 Public
Nnsatyaprakash22
Last edited Feb 17, 2023
Created on Feb 17, 2023

A yellow smiley face with animated eyebrows is rendered in SVG using D3 v5. The code builds the face from primitive shapes—circles for the eyes, rectangles for the eyebrows, and an arc-generated path for the mouth—demonstrating DOM selection and manipulation via `d3.select` and `d3.append`. The eyebrows repeatedly shift vertically using a chained `transition().duration(2000)` sequence. All positioning relies on fixed numeric coordinates and transforms, with no external data source.

AI-generated description

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