Fork of Fork of Hello HTML Dasbach

100%

Fork of Fork of Hello HTML Dasbach

✓ Published0🌍 Public

Last edited Apr 8, 2021

Created on Apr 8, 2021

This example renders a simple SVG face using two large yellow circles for eyes and a smaller circle for the mouth, all drawn on a 960x500 canvas. The markup uses native SVG elements—`circle` with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—placed directly in the HTML body. The styling applies a margin reset and hidden overflow to the page, while the SVG itself is static with no interaction or animation. The code demonstrates basic vector shape composition without any external 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 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

92% match

Loading thumbnail…

Fork of Hello HTML

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.

MMauricioTen

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

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

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

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

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

91% match

Loading thumbnail…

Fork of Hello HTML

A simple SVG face built with two black eye circles and a yellow face circle on a 960-by-500 canvas. The example demonstrates basic SVG shape rendering without JavaScript libraries, using explicit circle elements for the face and eyes. The code sets the face’s fill to yellow with a black stroke and thick outline, while the eyes remain solid black. This serves as a minimal static visualization, likely intended as a starting point for adding interactive features like a smile or animation. No data or dynamic behavior is present; it is purely presentational SVG markup.

NNaveen Kasthoori

91% match