Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited May 19, 2021

Created on May 19, 2021

A minimal HTML page renders a single static SVG smiley face, with two black circles for eyes and a yellow circle for the head. The example demonstrates fundamental SVG shape construction directly in markup, without any JavaScript libraries or data. The `circle` elements use explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes, and the page sets `body` margins to zero and hides overflow for a clean, full-viewport display.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

A simple SVG smiley face rendered on an HTML page, using two black circles for eyes and a large yellow circle outlined in black to form the head. The code is a direct fork of a minimal "Hello HTML" example, relying on static SVG elements with explicit coordinates and styling rather than interactive or data-driven features. It uses the native SVG API within an HTML file, with body margins zeroed and overflow hidden for a clean presentation. No JavaScript libraries or external data sources are involved; the visualization is purely declarative markup.

Ffaqihisaninja

95% match

Loading thumbnail…

Fork of Fork of Hello HTML

A minimal SVG smiley face is drawn on an HTML page. The face consists of three circles: a large yellow circle with a black stroke for the head, and two smaller unfilled circles for the eyes. The page uses an inline SVG element with explicit `cx`, `cy`, and `r` coordinates, styled purely through HTML and CSS. The body has no margins and hidden overflow, so the 960×500 SVG renders without scrollbars. No JavaScript or external libraries are used, only standard SVG markup within an HTML document.

JJonghwa Lee

95% match

Loading thumbnail…

Fork of Hello HTML

This example shows a static smiley face drawn as a yellow circle with two black eyes, rendered entirely in SVG. The code uses plain SVG elements—a large `<circle>` with a thick black stroke and two smaller filled circles—placed inside an HTML page. No JavaScript libraries or data sources are involved; the rendering approach is direct SVG markup with inline CSS to remove page margins and hide overflow. The result is a minimal, self-contained fork of the “Hello HTML” template.

KKoleNichols

95% 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 displays a simple fixed smiley face constructed from three SVG circles: a large yellow circle with a black outline for the head, and two smaller black circles for eyes. The page uses a minimal HTML structure with embedded CSS to remove margins and hide overflow, and the entire graphic is drawn directly in SVG markup without JavaScript libraries. It demonstrates basic SVG shape rendering and styling within a static, self-contained HTML document.

CCaroline Wärn

94% match

Loading thumbnail…

Fork of Hello HTML

A simple SVG smiley face rendered directly in HTML, showing how static shapes can be assembled without JavaScript libraries or external data. The code draws a yellow circle for the head with a black stroke, plus two smaller unfilled circles for the eyes, all positioned using fixed pixel coordinates inside an `<svg>` element that spans 960 by 500 pixels. The example demonstrates basic SVG geometry: a filled `<circle>` with `fill` and `stroke` attributes forms the face, while two additional circles use the default black fill for the eyes, omitting a mouth despite the comment hinting at one.

DDanielMa

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

Loading thumbnail…

Fork of Hello HTML

This example shows a simple static SVG smiley face, drawn with two black outlined circles for eyes and a large yellow circle for the head. The page uses no JavaScript libraries, relying instead on a minimal HTML document with inline SVG elements. All shapes are defined directly in the `index.html` file using SVG markup, with a `stroke-width` of 10 for the head’s outline. The `svg` tag is given explicit width and height attributes, and the page’s CSS resets the body margin to zero.

CChris Caracach

94% match