Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a face

Public visualization

Making a face

0 stars1🌍 Public
Ttgma99
Last edited Jun 8, 2022
Created on Jun 6, 2022

A smiling face made of SVG shapes animates inside a yellow circle. D3 v7 transitions shrink and regrow the right eye, while both eyebrows shift downward and then return. The mouth is drawn with the `d3.arc` path generator as a partial ring. Elements are grouped and positioned with SVG transform attributes, and chained `transition` calls drive the two-step animation.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed