Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Apr 19, 2022

Created on Apr 19, 2022

A simple SVG face rendered with circles: one large yellow circle for the head, two smaller black circles for eyes, all drawn directly in an HTML page. The example demonstrates basic SVG shapes and styling, including fill color, stroke, and stroke-width, with the body margin removed and overflow hidden for a clean display. It uses no JavaScript libraries, relying on inline SVG markup within the HTML document.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

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

Loading thumbnail…

Fork of Hello HTML

A simple SVG face rendered with three yellow circles: one large head with a black stroke, and two smaller eyes positioned asymmetrically. The page uses plain HTML with inline SVG elements, not D3.js, and relies on hard-coded coordinates and radius attributes. The circles are drawn with the `circle` element, and the CSS sets the body to have no margin and hidden overflow for a clean display.

FFemi

95% match

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

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

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

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

95% match

Loading thumbnail…

Fork of Hello HTML

A stylized yellow face rendered entirely with SVG primitives, using two black circles for eyes and a thick black outline for the head. The static graphic is built directly in an HTML page with inline CSS, where the body margin is removed and overflow hidden to focus the composition. The example demonstrates a minimal hand-coded SVG scene without JavaScript libraries, relying on the circle element for both the face and eyes.

TTristan François

95% match