Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley - Part I - HTML

Public visualization

Viewing a saved revision (read-only)

f340ca0ddeb04412adc1bc3b72945ab6

Smiley - Part I - HTML

0 stars0🌍 Public
MMarcus Vinicius da Silveira Richa
Last edited Jan 6, 2022
Created on Jan 6, 2022

This example demonstrates how to draw a static smiley face using raw HTML, CSS, and JavaScript, rendering two eyes and a head as SVG circles. The code uses inline SVG elements within an HTML page, with styling applied via a CSS rule that removes the page margin. The smiley is constructed by manually positioning each circle element using explicit `cx` and `cy` coordinates within an SVG canvas, without relying on any external libraries or data sources.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.