Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Oct 6, 2021

Created on Oct 6, 2021

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

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

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

95% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple static face composed of three SVG circles: a large yellow circle with a black outline for the head and two smaller black circles for eyes. The visualization is built entirely with inline SVG elements within an HTML page, using the `circle` tag with attributes for positioning, radius, fill, and stroke. It demonstrates the bare minimum structure for embedding SVG graphics directly in a webpage, with no external libraries or data sources, serving as a basic template for more complex visualizations.

Aartal23

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 minimal static SVG face made from three circles: a large yellow head with a black outline and two smaller black eyes. The code defines the drawing directly in HTML using SVG elements, with circles positioned at fixed coordinates and styled via fill, stroke, and stroke-width attributes. It uses no external JavaScript libraries or data sources, relying solely on inline SVG markup within an HTML page. The rendering approach is static vector graphics, with the page body set to hide overflow for a clean presentation.

TTheophile11

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

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

94% match