Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's make a face with D3_Nithish.js!

Public visualization

Viewing a saved revision (read-only)

c2bff987cde84bf0a50fabd4634f5570

Fork of Let's make a face with D3_Nithish.js!

0 stars1🌍 Public
GGroup 17
Last edited Feb 23, 2023
Created on Feb 23, 2023

This example demonstrates a smiling face with green skin, eyes, and a mouth, whose rectangular eyebrows animate downward and then back upward in a looping motion. Built using D3.js v5, the SVG is constructed through fundamental DOM manipulation methods like `select`, `append`, and `attr`, while the eyebrow movement uses chained `transition` calls with a 2000-millisecond duration. The mouth is drawn using the `arc` generator to create a path, and all elements are centered within a 700x500 canvas through SVG transforms.

AI-generated description

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