Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

My first Face Viz - ICE 4

Public visualization

My first Face Viz - ICE 4

0 stars0🌍 Public
RRobFaj
Last edited Feb 27, 2023
Created on Feb 25, 2023

This animated smiley face demonstrates fundamental DOM manipulation with D3.js v5. A yellow circle serves as the face, with eyes, eyebrows, and a mouth created using SVG shapes and the `d3.arc` path generator. The eyebrows animate upward and downward through chained `transition().attr()` calls, moving the entire eyebrow group via transform attributes. The SVG background is set to red through direct style manipulation.

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