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 stars1🌍 Public
AAlfaShivamKumar
Last edited Oct 3, 2023
Created on Oct 3, 2023

A yellow smiley face rendered in SVG has its eyebrows repeatedly moving up and down in a looping animation. The example demonstrates basic D3.js selection, attribute manipulation, and chained transitions on SVG elements. It uses the `d3.select` API to append circles, rectangles, and an arc-generated mouth path, while `transition().duration()` cycles the eyebrow group's vertical transform. The scene is centered via a translated `g` element, with hardcoded geometric values for facial features.

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