Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Jul 10, 2021

Created on Jul 10, 2021

This example displays a simple, static SVG face composed of a large yellow circle for the head and two smaller black circles for eyes, all rendered on a 960 by 500 canvas. The page uses raw SVG markup within an HTML document, setting the body to hide overflow. The code defines the shapes with explicit `cx`, `cy`, and `r` attributes and styles the head with a black stroke, demonstrating basic SVG drawing without any JavaScript libraries.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example displays a simple, static face made of three SVG circles: a large yellow circle for the head and two smaller black circles for the eyes. The code uses raw SVG elements within an HTML page, positioning the shapes with fixed `cx` and `cy` coordinates relative to the user’s viewport. A black stroke outlines the head, and the page hides overflow to create a clean, full-window presentation. The visualization demonstrates basic SVG circle geometry and styling without any JavaScript libraries or interactivity.

AAlaa Lahmar

96% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple static SVG face made of three circles: a large yellow head with a black outline and two smaller eyes placed inside it. The circles are drawn directly using SVG elements within an HTML page. The page uses plain SVG markup with hardcoded coordinates and attributes, such as `cx`, `cy`, `r`, `fill`, and `stroke`, and the HTML `style` block sets the body to have no margin and hidden overflow. The code does not use any JavaScript libraries or dynamic data, relying solely on the browser’s native SVG rendering.

LLionel Djouhan

96% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple, static SVG face drawn directly inside an HTML page. It uses inline SVG elements to render a large yellow circle for the face, with two smaller black circles positioned as eyes, all on a 960 by 500 canvas. The graphic relies on the SVG `<circle>` element with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes for styling, rather than a JavaScript library. The code is a bare-bones HTML document that embeds the SVG markup directly in the body, demonstrating a minimal hand-coded vector illustration without any data or interactivity.

AAlNahean

95% match

Loading thumbnail…

Fork of Hello HTML

A minimal static SVG drawing displays a simple face: one large yellow circle with a black outline forms the head, and two smaller black circles serve as eyes. The code uses raw SVG elements within an HTML page, setting the canvas to 960 by 500 pixels with no explicit data source. The circles are positioned absolutely via `cx` and `cy` attributes, and the page’s body is styled to remove margins and hide overflow.

Mmjnaldoza

95% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple static SVG face composed of three circles: a large yellow head with a black outline and two smaller black-outlined eyes. It demonstrates how to embed Scalable Vector Graphics directly in an HTML document without any JavaScript libraries. The code defines an SVG element with explicit width and height attributes and uses standard SVG circle elements, with coordinates and styling specified via attributes such as `cx`, `cy`, `r`, `fill`, and `stroke`. The page is styled with minimal CSS to remove margins and hide overflow.

MMatthewNunes

95% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple, static SVG face composed of a large yellow circle with a black outline and two smaller unfilled circles for eyes. The drawing is created directly with SVG elements—`<circle>` tags—embedded in an HTML page, with no JavaScript or external libraries. The page and SVG are sized at fixed dimensions, and the body margin is zeroed to eliminate surrounding space. It serves as a minimal demonstration of hand-coded vector graphics in a bare HTML structure.

MMohammed Jumail Shibily

95% match

Loading thumbnail…

Fork of Hello HTML

A static SVG face rendered from basic geometric shapes, using yellow and black strokes for the head and unfilled circles for the eyes. The example demonstrates how simple SVG elements—`<circle>` tags with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—can construct a recognizable figure without JavaScript or external libraries. The code sets a fixed viewport of 960 by 500 pixels, with the body styling hidden overflow and removing margins. It shows a minimal, non-interactive HTML page that relies solely on declarative SVG markup for its visual output.

RRyan Lopez

95% match

Loading thumbnail…

Fork of Hello HTML

This example shows a single static SVG face composed of three circles: a large yellow circle for the head and two smaller black circles for eyes. The rendering uses plain SVG elements embedded directly in an HTML page, with no JavaScript libraries or data sources involved. The code relies on the SVG `circle` element and basic CSS styling to set the yellow fill and black stroke, while the body margin is removed to avoid scrollbars. It is a minimal illustration of how to draw simple shapes with SVG in a web document.

MMarcusABR

95% match