Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published1🌍 Public

Ccrajy030@mymail.unisa.edu.au

Last edited Oct 14, 2025

Created on Oct 14, 2025

A large yellow circle with a black outline forms the base of a smiley face, centered on a 960 by 500 SVG canvas. Two smaller black circles serve as eyes, positioned symmetrically around the horizontal center. The page uses plain HTML and inline SVG elements—specifically the `circle` tag—to draw the shapes, with the CSS rule `overflow: hidden` on the body preventing scrollbars. No JavaScript libraries are involved; the rendering is entirely static SVG.

AI-generated description

let's make a face

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Hello HTML

A yellow smiley face rendered in SVG fills a 960-by-500 canvas, with two black eye circles positioned symmetrically across a large yellow circle outlined by a thick black stroke. The drawing uses only static SVG elements—a main `<circle>` for the head and two smaller `<circle>`s for the eyes—with no interactive behavior or animation. The HTML document sets the body margin to zero and hides overflow, while the SVG’s coordinates and radius values are manually coded, without relying on JavaScript libraries or data-driven visualization APIs. The rendering approach is plain declarative markup.

Ccrajy030@mymail.unisa.edu.au

95% match

Loading thumbnail…

Fork of Hello HTML

A yellow circle with two smaller black circles forms a simple smiley-face composition on a 600-by-600 SVG canvas. The source is a fork of an example titled “Hello HTML,” rendered entirely with hand-written SVG elements rather than JavaScript libraries. The code defines the large circle with a 200-pixel radius at center coordinates (300, 300), setting a yellow fill and black stroke, while the two eyes are positioned at (200, 250) and (350, 250) with a 30-pixel radius. No interaction, animation, or data binding is present; the example demonstrates static SVG markup inside an HTML document.

Ccotefon

95% match

Loading thumbnail…

Fork of Hello HTML

A yellow circle with a black outline and two smaller black circles forms a simple smiley face, rendered directly in SVG. The page uses no JavaScript libraries; instead, it relies on bare HTML and inline SVG elements, including three `<circle>` tags, with the main shape set to fill yellow and stroke black. The layout is hardcoded with fixed coordinates and radius values, and the body margin is removed to prevent scrolling, making the graphic fill the entire viewport.

JJaewoo Chung

95% match

Loading thumbnail…

Fork of Fork of Hello HTML

A large yellow circle with a thick black outline sits centered in an SVG canvas, flanked by smaller black circles that function as eyes. The static composition resembles a simple smiley face, built entirely with raw SVG elements such as `<circle>` and attributes like `cx`, `cy`, `r`, `fill`, and `stroke`. The page uses no external libraries, relying only on inline HTML and CSS to reset margins and hide overflow, with the SVG rendered directly in the document body.

Hhexudong

94% match

Loading thumbnail…

Fork of Hello HTML

A yellow smiley face rendered as a static SVG drawing, featuring a large outlined circle for the head and two smaller unfilled circles for eyes. The SVG is defined directly in the HTML markup with hardcoded coordinates and dimensions, using no JavaScript libraries or data sources. The face is centered at a fixed position on a 960 by 500 canvas, with a thick black stroke and solid yellow fill for the head. The rendering relies solely on native SVG circle elements with explicit attributes for radius, position, and styling.

SShiryaW

94% match

Loading thumbnail…

Fork of Hello HTML

This example renders a simple SVG smiley face directly in an HTML page. A large yellow circle forms the head, with two smaller black circles as eyes, all drawn using basic SVG elements like `<circle>` and styled with fill and stroke attributes. The page’s body is set to hide overflow, and the SVG canvas is sized at 960 by 500 pixels. The code relies on no external libraries, using only native HTML and SVG markup to produce a static, self-contained graphic.

Mmtikat

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple smiley face drawn with SVG shapes: a large yellow circle for the head, and two small black circles for the eyes. The page uses plain SVG markup embedded directly in an HTML document, with no JavaScript libraries or data sources. The SVG canvas is sized at 960 by 500 pixels, and the circles are positioned using explicit `cx`, `cy`, and `r` attributes. Styling is applied through inline presentation attributes and a minimal CSS rule that removes the page margin and hides overflow.

Mmisstong

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with two smaller black circles, forming a basic smiley face on a blank page. The SVG markup uses inline `<circle>` elements with explicit `cx`, `cy`, and `r` attributes for positioning and sizing. The page layout is controlled through CSS with `body` margins removed and `overflow: hidden`. The visualization relies solely on raw SVG syntax, not on any JavaScript library or data binding, and renders statically without interaction or animation.

CCaroline Rozali

94% match