Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3example1

Public visualization

d3example1

0 stars1🌍 Public
Aanandbabu-k
Last edited Jul 15, 2022
Created on Jul 15, 2022

A smiling face rendered as SVG demonstrates D3.js DOM manipulation and animation. Yellow circles, black-stroked elements, and an arc path form the face, eyes, and mouth. The eyebrows, appended as rectangles, move upward and return via chained `transition().duration(2000)` calls on a group. The code uses `select`, `arc`, and attribute setters to build the static geometry and animate the eyebrow group's `transform` attribute.

AI-generated description

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

Comments

Sign in to join the discussion.

MIT Licensed