Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Feb 28, 2021

Created on Feb 28, 2021

A single yellow circle with a black outline sits centered on a blank SVG canvas, flanked by two smaller unfilled circles. The example demonstrates basic SVG rendering through direct HTML markup, using native `circle` elements with explicit `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width` attributes. The page loads with a zero-margin body and hidden overflow, rendering the static vector graphic without any JavaScript libraries or data sources. It is a minimal, hand-coded illustration of SVG shape creation and styling within an HTML document.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example shows a large yellow circle with a black outline centered in an SVG canvas, paired with two duplicate smaller black circles on the left. It demonstrates basic SVG shape rendering inside a minimal HTML page, using plain SVG elements (`circle`) with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. The code relies on inline SVG markup within the HTML body, with fixed dimensions (960 by 500 pixels) and CSS styling to remove margin and hide overflow. No JavaScript libraries or data sources are involved.

Aaiperceptor

96% match

Loading thumbnail…

Fork of Hello HTML

A single yellow circle is drawn on a black-bordered SVG canvas, centered at coordinates (480, 250) with a radius of 245. The example demonstrates minimal static vector rendering using native SVG elements within an HTML page. The circle’s fill and stroke properties are set directly via inline SVG attributes, with the body margin zeroed and overflow hidden to present the graphic edge-to-edge. This is a foundational, non-interactive visualization that relies solely on core SVG APIs without any external libraries or data sources.

Kkpmaurice

96% match

Loading thumbnail…

Fork of Hello HTML

This example displays a single yellow circle with a black outline centered on a 960×500 SVG canvas, set against a blank page with hidden overflow. The rendering is accomplished entirely through a hand-coded SVG `<circle>` element with fixed `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width` attributes, embedded directly in an HTML document. It uses no external JavaScript libraries or data sources, relying solely on the native SVG API to draw the shape.

BBrian Blakely

96% match

Loading thumbnail…

Fork of Hello HTML

A single yellow circle with a thick black outline sits centered on a plain white HTML page, using an SVG `<circle>` element. The example demonstrates a minimal static rendering approach, with no interactive behavior or data binding. It is built with basic HTML, CSS, and inline SVG properties, setting `cx`, `cy`, `r`, `fill`, and `stroke` directly. The page dimensions are fixed at 960 by 500 pixels, and the body margin is removed to maximize the visual impact of the lone shape.

RRob

95% match

Loading thumbnail…

Fork of Hello HTML

A single yellow circle fills a 960-by-500 SVG canvas, centered at (480, 250) with a radius of 250 and a thick black stroke. The page uses plain HTML and inline SVG, with no external JavaScript libraries or data sources, representing a minimal static visualization. The circle is drawn directly in the SVG markup, and CSS hides the body margin and overflow to present the shape cleanly. This example demonstrates the simplest possible SVG rendering approach inside an HTML document.

MMichael_phyozin

95% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with a black outline, accompanied by two smaller hollow circles positioned to its left and right. It demonstrates basic SVG graphics embedded directly in an HTML page, using the SVG `circle` element with `fill`, `stroke`, and `stroke-width` attributes. The page relies on no external libraries, only native HTML and inline SVG elements within a fixed 960×500 viewport. The rendering approach is purely static vector graphics, with no interaction or animation.

AAlex Hunter

95% match

Loading thumbnail…

Fork of Hello HTML

A single yellow circle with a black outline fills the SVG canvas, accompanied by two smaller unfilled circles positioned on either side near the top. The example demonstrates basic SVG shape rendering using inline SVG elements like `circle` and the `stroke` and `fill` attributes, directly inside an HTML page. It uses no external JavaScript libraries, relying solely on the browser’s native SVG support. The page hides scrollbars via CSS, and the fixed 960×500 viewport shows static geometric forms without interaction.

Hhaozhou1988

95% match

Loading thumbnail…

Fork of Hello HTML

This example shows a single yellow circle centered on a 960×500 SVG canvas, outlined with a thick black stroke. It demonstrates the minimal structure of an HTML page embedding inline SVG markup. The code uses raw SVG elements (`<svg>`, `<circle>`) styled through CSS, with no JavaScript or external libraries. The circle is drawn at the exact center using fixed `cx` and `cy` attributes, while the page’s body margin is removed to create a full-bleed visual. The rendering approach is static SVG directly in the HTML source.

Aalexanderholmberg

95% match