Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Make a Face Part I

Public visualization

Make a Face Part I

0 stars0🌍 Public
LLynn
Last edited Mar 23, 2022
Created on Mar 23, 2022

This example shows a simple smiley face constructed from three SVG circles: a large yellow head with black stroke and two smaller black eyes. It demonstrates the basic setup of an SVG scene in a static HTML page, using no external libraries—only native SVG elements and attributes like `cx`, `cy`, `r`, `fill`, and `stroke`. The face is centered on a 960×500 canvas, with explicit pixel coordinates for each circle. The code represents a starting point for building a facial expression, as the title suggests “Make a Face Part I.” No interactivity or animation is present in this version.

AI-generated description

Half way towards a smiley face.

Comments

Sign in to join the discussion.

MIT Licensed