Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Oct 1, 2021

Created on Oct 1, 2021

This example displays a single yellow circle with a black outline centered on an SVG canvas, alongside a smaller unfilled circle at the same coordinates. The page uses raw SVG elements within an HTML document, setting the body margin to zero and hiding overflow for a clean, full-viewport presentation. Rendering relies on the native SVG `<circle>` tag, with attributes like `cx`, `cy`, `r`, `fill`, and `stroke` defining the shapes. No JavaScript libraries or data sources are involved; the visualization is purely static markup.

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 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 renders a single yellow circle with a black outline on an SVG canvas. The page uses inline SVG elements directly in HTML, setting the circle’s radius, center coordinates, fill, and stroke via attributes. The body margin is removed and overflow hidden to display the graphic edge-to-edge. The visualization demonstrates a minimal static SVG drawing without JavaScript or external libraries.

Jjames-a-j

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

94% match

Loading thumbnail…

Fork of Hello HTML

A minimal SVG drawing of a yellow circle with a black outline, rendered directly in an HTML page. The circle is centered with a smaller black-outlined empty circle positioned inside it, visually resembling a simple face or target. No data or interactive behavior is present; the page uses inline SVG elements and CSS to set the margin and hide overflow. The example relies on static SVG markup rather than a JavaScript visualization library or data binding.

SSun Hwy (David) Kim

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

94% match

Loading thumbnail…

Fork of Hello HTML

This example displays a single yellow circle with a black outline, centered on a blank 960 by 500 pixel canvas. The visualization is built with an embedded SVG element inside a minimal HTML page, using the circle’s `cx`, `cy`, `r`, `fill`, and `stroke` attributes to define its geometry and styling. The page’s CSS removes body margins and hides overflow, ensuring the circular graphic fills the viewport without scrollbars. No external libraries or data sources are required, as the shape’s properties are hard-coded in the markup.

KKenneth Tso

94% match

Loading thumbnail…

Fork of Hello HTML

This example displays a single yellow circle centered in an 800-by-500 SVG canvas, outlined with a black stroke. The circle’s radius, position, and fill are set directly as SVG attributes on the `<circle>` element, with no dynamic data or interaction. A second circle element is left incomplete, rendering nothing. The code relies solely on inline SVG markup within an HTML page, with no external JavaScript libraries or data sources.

MMd Anamul Hoque

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

94% match