Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Apr 19, 2021

Created on Apr 19, 2021

This example shows a single gray circle centered on an otherwise blank SVG canvas, serving as a minimal demonstration of embedding Scalable Vector Graphics directly in an HTML page. The code uses no external JavaScript libraries or data sources; it relies only on native SVG elements within the document body. A `<circle>` element is positioned with explicit `cx`, `cy`, and `r` attributes, while the `svg` container sets the drawing area’s dimensions. The fork title references the original “Hello HTML” example, but the visualization itself contains no interactive or animated behavior.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This fork of the Hello HTML example displays a single, static SVG circle centered within a 960-by-500 pixel canvas. The page uses raw HTML and SVG markup, with the circle’s radius set to 200 and no fill or stroke specified, resulting in an invisible shape. The code relies on the browser’s native SVG rendering, with the body margin removed and overflow hidden to ensure a clean, full-viewport presentation. No JavaScript libraries or data sources are involved; the example demonstrates the minimal structure required for an embedded SVG visualization.

RRavisista1303

92% match

Loading thumbnail…

Fork of Hello HTML

This example shows a minimal SVG circle rendered within an HTML page. The code embeds a single `<circle>` element with a radius of 100 inside an `<svg>` container, with no styling or additional attributes. It demonstrates the basic structure for creating vector graphics directly in the browser using standard SVG markup. The rendering is a simple static shape, with the page title indicating it is a fork of a "Hello HTML" template. No extra libraries or JavaScript are involved, relying solely on native HTML and SVG support.

DDebajyoti Dutta

92% match

Loading thumbnail…

Fork of Hello HTML

This example shows a minimal web page displaying a single 200-pixel-radius circle centered in an SVG canvas. The circle is drawn without a fill or stroke, making its outline invisible against the white background. The code uses an embedded `<svg>` element with standard SVG attributes, rendered directly in the browser. No JavaScript libraries or data sources are involved; the page is pure HTML and SVG markup, with inline CSS to remove margins and hide overflow. The fork modifies the original "Hello HTML" template by replacing the text content with a single geometric shape.

CCarlosMamani

92% match

Loading thumbnail…

Fork of Hello HTML

This example shows a single, unpositioned SVG circle rendered on a blank canvas. The code uses an inline SVG element with a width of 960 and height of 500, containing a circle with a radius of 200 but no center coordinates, so it defaults to the origin. The HTML page is minimal, with no external libraries or data sources; it relies solely on basic SVG markup within the body tag. The visualization demonstrates the simplest possible SVG rendering, with no interaction or animation.

KKamilPawel

91% match

Loading thumbnail…

Fork of Hello HTML

This example is a minimal fork of the classic “Hello HTML” template, demonstrating the most basic structure of an SVG-based web visualization. It displays a single, unstyled circle rendered directly within an inline SVG element inside an HTML page. The entire implementation relies on the native SVG `<circle>` element and the standard HTML `<svg>` container, with no external libraries or JavaScript. The data source is not present; instead, the circle’s fixed position and size are hard-coded in the markup, emphasizing the foundational role of SVG for creating simple geometric shapes in a browser.

Ffreeman-k

91% match

Loading thumbnail…

Fork of Hello HTML

This example displays a single full-viewport SVG circle centered on a 960×500 canvas. The page uses raw HTML and SVG markup, with a `circle` element sized to a 250-pixel radius and styled via inline attributes. The CSS resets body margins and hides overflow, ensuring the visualization fills the browser window. The code demonstrates basic SVG rendering without any JavaScript libraries, serving as a minimal illustration of how to embed vector graphics directly in an HTML document.

Aaagabpant

91% match

Loading thumbnail…

Fork of Hello HTML

This example displays a single black circle positioned at the top-left corner of an SVG canvas. The visualization is a minimal HTML page with embedded SVG, using no external libraries. The circle is rendered with a radius of 100 pixels on a 960 by 500 coordinate system, while the body margin is set to zero and overflow hidden. The code demonstrates basic SVG markup within an HTML document, with no interactive or data-driven behavior.

Ddanielm2425262728

91% match

Loading thumbnail…

Fork of Hello HTML

This fork of the Hello HTML example displays a single unfilled circle centered in an SVG canvas. The page renders the circle using a basic SVG `<circle>` element with an `r` attribute of 200, set within a 960 by 500 pixel viewport. The code relies on native HTML and SVG APIs, with no external JavaScript libraries or data sources involved. The circle is the only visual element, and the stylesheet contains an empty `body{}` rule, leaving the page otherwise unadorned.

CCiberhacker1

91% match