Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Jul 21, 2021

Created on Jul 21, 2021

This example shows a simple, static SVG face composed of a large yellow circle with two black eyes. The page renders the shape using raw SVG elements—a parent `<circle>` for the face and two smaller `<circle>` elements for the eyes—all positioned within an inline `<svg>` tag. The HTML and CSS set the body margin to zero and hide overflow. The visualization is a minimal fork of the “Hello HTML” template, demonstrating basic SVG drawing without external libraries or data.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

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.

Ccoldcodebeer

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple SVG face made of three circles: two black eyes and a yellow outlined face, all centered within a 960 by 500 pixel viewport. The code uses plain HTML and inline SVG elements, including the `<svg>`, `<circle>`, and `fill` and `stroke` attributes, with no external JavaScript libraries. It is a minimal fork of a basic HTML page and demonstrates how static vector shapes can be drawn directly in the browser without any data binding or interactivity.

VVishal Grover

94% match

Loading thumbnail…

Fork of Hello HTML

A simple SVG face renders in a 960×500 viewport using declarative circles: a yellow head with a black stroke, plus two smaller unfilled circles for eyes. The page uses raw HTML and SVG markup with no JavaScript libraries, instead relying on inline SVG elements and CSS to hide overflow and reset the body margin. It demonstrates basic vector shape composition in a static, self-contained webpage.

Ssimrangajsinghani

94% match

Loading thumbnail…

Fork of Hello HTML

A simple, static SVG drawing shows a yellow circle with black outlines representing a face, including two smaller solid black circles for eyes. The visualization is a bare-bones HTML page that directly embeds SVG elements via the `<svg>` tag, using basic shape attributes like `r`, `cx`, `cy`, `fill`, and `stroke` for styling. The code demonstrates a minimal, hand-written SVG approach without any JavaScript or external libraries, relying solely on the SVG rendering built into the browser.

OObaidraj

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple static SVG face composed of a yellow circle with two black eye circles, rendered directly in an HTML page. It uses inline SVG elements—`<circle>` tags with `fill`, `stroke`, and `stroke-width` attributes—within a fixed 960×500 viewport. The page relies on vanilla SVG and CSS, with no external JavaScript libraries or data sources. The code demonstrates basic SVG shape creation and styling, producing a minimalist, non-interactive visualization.

Mmauro

93% 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

93% match

Loading thumbnail…

Fork of Hello HTML

A static SVG face rendered with basic geometric shapes sits centered on a 960-by-500 canvas. Two circles form the eyes, while a larger yellow circle with a black stroke creates the head, all defined directly in the page’s markup. The example uses no JavaScript libraries, relying solely on raw SVG elements within an HTML body that hides scrollbars via inline CSS. It demonstrates minimal hand-coded vector graphics for a simple, non-interactive illustration.

Ffarazalidev

93% match