Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Aug 6, 2021

Created on Aug 6, 2021

A yellow circle with a black outline sits centered on a plain white SVG canvas. The example demonstrates the simplest possible SVG rendering within an HTML page, using a single `<circle>` element with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. The page includes a YouTube video embed in its README, but the visualization itself relies solely on native SVG markup without any JavaScript libraries. This fork of the original "Hello HTML" example shows how basic geometric shapes can be drawn directly in the browser.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

A yellow circle with a black outline and two smaller unfilled circles sits centered on a blank SVG canvas. The example demonstrates basic SVG shape rendering within an HTML page, using inline `<svg>` elements and `<circle>` tags. It references a YouTube video embed in its README but does not load external data or JavaScript libraries. The visualization is static, relying solely on native SVG attributes for positioning and styling, with no interactive behavior or animation.

SSojeong Park

94% match

Loading thumbnail…

Fork of Hello HTML

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.

Ppkhansen

93% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple yellow circle centered on an SVG canvas, framed by a black stroke and accompanied by two smaller unfilled circles. Drawn directly in a static HTML page, it uses SVG elements with explicit `cx`, `cy`, and `r` attributes to position the shapes. The code relies on the native SVG library within the browser, and the rendering is entirely vector-based with no external data sources or interactive behavior. The page’s CSS hides overflow for a clean presentation.

Mmbindal-10

92% match

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

92% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle centered on a black-bordered SVG canvas. The visualization relies solely on raw SVG elements, using a `circle` tag with explicit `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width` attributes. No JavaScript libraries or data sources are involved—the rendering is static and defined directly in the HTML markup. The page uses an inline SVG with a fixed 960 by 500 pixel viewport, and the body margin is set to zero with hidden overflow for a clean display.

TTylerSaikaleyTheriault

92% match

Loading thumbnail…

Fork of Hello HTML

A static SVG circle centered on a yellow-filled canvas demonstrates the simplest possible HTML page rendering a single geometric shape. The page uses inline SVG markup within an `index.html` file, with no JavaScript libraries or data sources involved. The circle is drawn with a `circle` element featuring a `fill` of yellow, a `stroke` of black, and fixed `cx`, `cy`, and `r` attributes. CSS rules hide page margins and overflow to present the graphic cleanly, mirroring the minimal "Hello HTML" example.

BBiel Simon Rojas

92% match

Loading thumbnail…

Fork of Hello HTML

This fork of the Hello HTML example renders a single yellow circle with a black stroke on a blank SVG canvas. The page uses inline SVG markup within a minimal HTML document, with the body styled to hide overflow. The circle is defined with static attributes for its center coordinates, radius, fill, and stroke, demonstrating basic SVG shape rendering without any interaction or data binding. No JavaScript libraries or dynamic behaviors are involved.

VViktor Van Hulle

92% match

Loading thumbnail…

Fork of Hello HTML

A single yellow circle with a black outline is centered on a plain white SVG canvas. The example demonstrates the minimal setup for an SVG-based visualization using only vanilla HTML and SVG elements, with no external JavaScript libraries. The circle is defined with explicit `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width` attributes inside an `<svg>` tag sized 960 by 500 pixels. The page’s body margin is removed and overflow hidden to present the graphic without scrollbars.

Ffjvoris

92% match