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)

2b9a66c9569f464bad030858a8a45f8b

Let's Make a Face Part I

0 stars0🌍 Public
Ssriramvsharma
Last edited Jan 4, 2021
Created on Dec 9, 2020

This example uses raw SVG elements to construct a simple smiley face with two eyes and a yellow circular head, drawn directly in an HTML document. The code defines one large circle for the face and two smaller black circles for the eyes, setting attributes like center coordinates, radius, fill color, and stroke width. No JavaScript or external libraries are involved, only static SVG markup. The rendering uses a fixed 960 by 500 pixel coordinate system, with the face centered at 480, 250 and the eyes positioned symmetrically around it.

AI-generated description

Half way towards a smiley face.

<!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/QT5ef8dUyoo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> --> <!-- <p align="center"><iframe src="https://vizhub.com/curran/3a00f5c877ac4e30b7269c17f29d2e4d?mode=snippet&amp;file=index.html#" title="Smiley Face Part II" height="1050" width="600"></iframe></p> -->