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
TThibault
Last edited Aug 5, 2023
Created on Aug 5, 2023

This example animates a yellow smiley face, shifting its eyebrows upward and back down in a looping motion. The face is constructed entirely with D3.js v5 SVG elements, including circles for the eyes and an arc-generated path for the mouth. D3’s `select`, `arc`, and `transition().duration()` APIs drive the DOM manipulation and the eyebrow movement, with the code demonstrating fundamental shape creation and chained transitions.

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