Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3.js

Public visualization

Viewing a saved revision (read-only)

93541f629da642949fca828c47bb84cf

D3.js

0 stars0🌍 Public
PPrathyusha Jampala
Last edited May 18, 2024
Created on May 18, 2024

A smiley face drawn with D3.js animates its eyebrows in a looping vertical motion. The SVG face uses simple shapes: a yellow circle for the head, two circles for the eyes, rectangles for the eyebrows, and a D3 arc for the mouth. The animation is driven by chained `transition().duration()` calls on the eyebrow group, moving it up and down. The code demonstrates fundamental DOM manipulation via `select` and `append`, with hardcoded dimensions for the 960×500 viewport.

AI-generated description

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