Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

sample

Public visualization

Viewing a saved revision (read-only)

d5f9e8d711a149b2854dc0e77eb862af

sample

0 stars0🌍 Public
PPrimyaKanagaraj
Last edited Sep 22, 2023
Created on Sep 22, 2023

A smiling face is drawn with D3.js, featuring yellow circular head, eyes, and eyebrows, rendered as SVG elements. The animation demonstrates DOM manipulation by moving the rectangular eyebrows up and down over two seconds using chained transitions. The code uses D3's select, append, attr, and transition APIs to build and animate the static shapes, with an arc-generated path for the mouth.

AI-generated description

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