Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Hello HTML

Public visualization

Viewing a saved revision (read-only)

965778c0a327440cb42d2032e002207d

Fork of Hello HTML

0 stars0🌍 Public
NNatália Bortoli Vieira
Last edited Dec 19, 2025
Created on Dec 19, 2025
Forked from Hello HTML

This example shows a simple yellow face constructed from three SVG circles: a large outlined head and two smaller eyes positioned on a light gray background. The code relies on raw SVG elements—`circle` tags with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—rather than any JavaScript libraries. It demonstrates basic coordinate geometry, placing the eyes relative to the head’s center and accounting for stroke width in the layout. The rendering is static SVG, with no data binding or interaction, and the face’s dimensions are hardcoded for a 960×500 viewport.

AI-generated description