Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a face

Public visualization

Viewing a saved revision (read-only)

5050cf15d3744e449ad5452864b5af3a

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