Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

face

Public visualization

Viewing a saved revision (read-only)

188962e0f40442fea8656d0ac8afb1f0

face

0 stars0🌍 Public
Ssatishnarne99@gmail.com
Last edited Feb 27, 2024
Created on Feb 27, 2024

A smiley face drawn with D3.js animates its eyebrows up and down in a looping transition. The SVG face uses a yellow circle, two eye circles, and an arc-generated mouth, while the eyebrows are rectangles that move via chained `transition.attr` calls over two-second intervals. D3 v5’s `select` and `arc` APIs build the static elements, with the animation driven by D3’s transition system.

AI-generated description

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