Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley face part 1

Public visualization

Viewing a saved revision (read-only)

e18ef887537444bd83cdb836ca0b8890

Smiley face part 1

0 stars0🌍 Public
GGreg Munro
Last edited May 5, 2022
Created on May 2, 2022
Forked from Hello HTML

A static smiley face is drawn in SVG, centered on a 960×500 canvas. The face consists of a yellow circle with a black stroke, two black-outlined eyes, and a mouth formed by a cropped annular sector. The mouth is created using the `d3.arc` API from D3 v7, with inner and outer radii that produce a thick arc, while the eyes and face are simple SVG circles. The components are rendered through React 18, assembled inside a single `<svg>` element with a group transform for positioning.

AI-generated description

Halfway towards a smiley face.