Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smily Face

Public visualization

Viewing a saved revision (read-only)

ce854f46ff414a208dcc8ddebf75e07c

Smily Face

0 stars2🌍 Public
CChristine Lanser
Last edited Sep 29, 2020
Created on Sep 29, 2020

A yellow smiley face is drawn with SVG shapes, including circles for the eyes and an arc-based mouth, centered on a blank canvas. The code uses D3 v6 to construct the face and animates the eyebrows and mouth with chained `transition().duration()` calls, shifting their transforms over two-second intervals. The mouth path is generated using `d3.arc`, and the animation cycles the eyebrows up and down while rotating and recoloring the mouth. The example demonstrates basic SVG styling, grouping, and transition sequencing in D3.

AI-generated description

An example including some commonly used features of SVG.