Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

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

0 stars0🌍 Public
AAlfaShivamKumar
Last edited Oct 3, 2023
Created on Oct 3, 2023

This example builds a yellow smiley face with SVG shapes, including circular eyes, rectangular eyebrows, and an arc-based mouth. Using D3.js v5, it demonstrates DOM manipulation by selecting the root `svg` element, appending a centered group, and positioning each facial feature with translation transforms. The eyebrows move through a chained `transition().duration()` sequence, animating their vertical position over four seconds before stopping. The face itself is static afterward, with no interactive or data-driven behavior beyond the initial scripted animation.

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