Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley Face part 1

Public visualization

Viewing a saved revision (read-only)

de2414633baf46939a367cc9a4244449

Smiley Face part 1

0 stars0🌍 Public
Mmicho0802
Last edited Nov 1, 2022
Created on Nov 1, 2022
Forked from Hello HTML

This example shows a static yellow smiley face drawn with three SVG circles: a large face outline and two smaller eye circles. The code uses React 18 and ReactDOM to render the SVG elements, with hardcoded coordinates placing the face at the center of an 960×500 canvas. The first circle has a yellow fill and black stroke, while the eyes are black circles positioned symmetrically. The markup is embedded as an HTML comment, indicating a work-in-progress state where the smile curve has not yet been added.

AI-generated description

Half way towards a smiley face.