Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley Face Part I

Public visualization

Smiley Face Part I

0 stars0🌍 Public
LLiz
Last edited Feb 1, 2022
Created on Feb 1, 2022
Forked from Hello HTML

This example displays a yellow smiley face with black outlines, featuring two solid black eyes and a blank space where a mouth would later appear, as part of a multi-step build. The face is rendered as an SVG using inline HTML elements, specifically `<svg>` and `<circle>` tags, without any JavaScript libraries. The drawing positions each circle using absolute `cx` and `cy` coordinates on a 960-by-500 canvas, with the head centered at 480,250 and eyes offset to the left and right. Stroke width and fill color are set via SVG presentation attributes.

AI-generated description

Half way towards a smiley face.

Comments

Sign in to join the discussion.

MIT Licensed