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
SShoon-Y
Last edited Mar 25, 2022
Created on Mar 25, 2022

A yellow smiley face drawn with SVG circles and an arc path uses d3.arc to render its mouth and d3.select for DOM manipulation. Two rectangular eyebrows animate upward and back down over four seconds using d3-transition chained calls. The eyes and eyebrows are positioned with fixed pixel offsets within a centered group. The animation loops continuously, demonstrating basic shape creation and transition sequencing in D3 v5.

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