Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

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

0 stars0🌍 Public
Yyuan20001224
Last edited Sep 20, 2023
Created on Sep 20, 2023

A yellow smiley face appears centered in an SVG canvas, built entirely with D3.js v5 shape and selection APIs. The code uses `d3.arc` to draw the mouth, while circles form the eyes and rectangles create the eyebrows. Two chained `transition()` calls animate the eyebrow group upward and then back to its original position over four seconds, demonstrating basic DOM manipulation and animation through D3’s data join and transition system.

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