Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 JS Face!

Public visualization

Viewing a saved revision (read-only)

a4c1eaa20e32404e8e215623f2bf26af

D3 JS Face!

0 stars0🌍 Public
Ssushantkadam1
Last edited Jan 16, 2020
Created on Jan 15, 2020

A smiley face rendered in SVG animates its eyebrows in a sequence of timed transitions. The face is drawn with D3.js primitives: a yellow circle for the head, two circles for eyes, rectangles for eyebrows, and a path generated with the `d3.arc` function for the mouth. The animation uses D3’s `.transition().duration()` to move the eyebrows up, hold, and return, demonstrating fundamental DOM manipulation with `d3.select` and element creation.

AI-generated description

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