Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's Make a Face Part I

Public visualization

Viewing a saved revision (read-only)

7425b7641d654272be1fd8f724cdb6e5

Let's Make a Face Part I

0 stars0🌍 Public
Aaigioma
Last edited Feb 20, 2020
Created on Feb 20, 2020

A yellow circle with a thick black outline serves as a face, and two smaller unfilled circles mark the eyes, leaving the mouth incomplete. This beginner example from the "Let's Make a Face" series uses raw SVG elements—`circle` nodes with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—to build a static, centered composition on a 960-by-500 canvas. The code relies on inline SVG markup directly in the HTML, with no JavaScript libraries or data sources, and renders in the browser via the SVG format.

AI-generated description

Half way towards a smiley face.