Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Nov 27, 2021

Created on Nov 27, 2021

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example displays a single yellow circle centered on a 960-by-500 SVG canvas, outlined with a thick black stroke. The page is a minimal HTML document with a full-bleed body style and hidden scrollbars. It uses inline SVG markup within the HTML, directly defining the circle element with explicit `fill`, `stroke`, and `stroke-width` attributes, and does not employ any external JavaScript or visualization libraries. The data is static and hard-coded into the markup.

SStoockbroker

96% match

Loading thumbnail…

Fork of Hello HTML

This example shows a single yellow circle centered on a 960×500 SVG canvas, with a black outline and a radius of 100 pixels. The page is a minimal HTML document containing inline SVG markup, with no external JavaScript libraries. The circle is positioned using explicit `cx` and `cy` attributes and styled directly via the `fill`, `stroke`, and `stroke-width` properties. It demonstrates basic Scalable Vector Graphics rendering directly in the browser, using no data source or interactive behavior, serving as a simple visual starting point for a gallery.

BBrahim TALEB

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

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

95% match

Loading thumbnail…

Fork of Hello HTML

This example displays a single yellow circle with a black outline centered on a 900-by-500 SVG canvas. The circle is drawn directly in the SVG markup within the HTML page, using standard SVG `<circle>` elements with `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width` attributes. No external JavaScript libraries or data sources are involved; the visualization is purely static and defined entirely in the raw `index.html` file.

KKarla Vargas

95% match

Loading thumbnail…

Fork of Hello HTML

This example shows a single large yellow circle centered in a 960-by-500 SVG canvas, with a thick black outline. It is a minimal fork of a basic HTML page, demonstrating how raw SVG elements can be placed directly in a browser without any JavaScript libraries. The rendering uses the SVG `<circle>` element, styled via inline attributes for fill, stroke, and stroke width. The page's body has zero margin and hidden overflow, ensuring the circle fills the viewport without scrollbars. The code contains no data sources or interactive behavior, serving purely as a static visual.

Yyungchiau

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

95% match