Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Hhaozhou1988

Last edited Oct 1, 2021

Created on Oct 1, 2021

A simple SVG drawing of a yellow circle with a thick black outline, centered on a 960 by 500 canvas. The page uses raw HTML and inline SVG elements, with no JavaScript or external libraries. The circle is positioned at coordinates (480, 250) with a radius of 245, and the body is set to have no margin and no overflow. This demonstrates a minimal static visualization structure using only the SVG specification within an HTML document.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

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

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

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

A minimalist SVG visualization renders a single large yellow circle centered on a 960×500 canvas against a white background. The page uses an inline `<svg>` element with a `<circle>` shape, setting the radius to 300 and fill color directly in the markup. The HTML document includes CSS to remove the body margin and hide overflow, ensuring the visualization fills the viewport without scrollbars. No JavaScript libraries or external data sources are used; the example demonstrates raw HTML and SVG drawing primitives.

Nnatsucr7

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

Loading thumbnail…

Fork of Hello HTML

A yellow circle with a black outline fills the center of a 960×500 SVG canvas, its face formed by two smaller black-outlined circles as eyes. This minimal visualization renders directly through inline SVG markup, using no JavaScript libraries. The page is a simple HTML document with embedded CSS that removes margins and hides overflow, creating a clean, full-viewport presentation. Nothing animates or responds to interaction; it demonstrates the basic structure of an SVG drawing within an HTML page.

Kkan qiu

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a single yellow circle centered in an SVG canvas, drawn with a black outline. The circle is positioned at coordinates 480 and 250 with a radius of 200, using basic SVG shape elements. The code includes a minimal HTML page structure with inline CSS to hide overflow, and it relies solely on native SVG rendering without any JavaScript libraries or data sources. The circle remains static, demonstrating simple vector graphics through the SVG API.

FFrederick Baier

94% match