Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

make a smile face

Public visualization

Viewing a saved revision (read-only)

a250bee2884c47d689379a4881f348cf

make a smile face

0 stars0🌍 Public
Ddaniel
Last edited Sep 17, 2023
Created on Sep 17, 2023

A yellow smiley face is drawn in the center of an SVG canvas using D3 v7. The face includes a circular head, two black eyes, and an arc-based mouth created with the `d3.arc` generator. Two rectangular eyebrows are added, and the right eyebrow animates by repeatedly transitioning its vertical position via `transition.attr` over two-second durations, causing a winking effect while the rest of the face remains static.

AI-generated description

An example including some commonly used features of SVG.