Skip to main content
SimilarExport ZIP
100%

Fork of Hello HTML

✓ Published0🌍 Public
FFemi
Last edited Jun 23, 2022
Created on Jun 22, 2022
Forked from 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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

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
94% 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
94% match
Loading thumbnail…

Fork of Hello HTML

This example shows a simple graphic of a face composed of three SVG circles, with a large yellow circle acting as the head and two smaller circles for eyes. Rendered as static SVG markup within an HTML page, the visualization is achieved using basic `<circle>` elements with attributes for positioning, radius, fill, and stroke. The code relies solely on the SVG API and inline CSS to hide page margins and overflow, resulting in a minimal, self-contained illustration.

RRaz2y
93% 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
93% match
Loading thumbnail…

Fork of Hello HTML

This example shows a simple static SVG face made from three black and yellow circles, with no interaction or animation. The page renders a single yellow circle as the head, two smaller black circles for eyes, and a black outline drawn with a thick stroke. The visualization is built entirely with hand-written SVG elements inside an HTML file, using no external JavaScript libraries. The rendering approach is direct markup in the browser, with each circle positioned using fixed SVG coordinates (cx and cy) and sized by its radius attribute.

Ccraig harbottle
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