Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Sep 27, 2021

Created on Sep 27, 2021

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

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

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

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 simple yellow circle with a black outline, accompanied by two smaller hollow circles positioned to its left and right. It demonstrates basic SVG graphics embedded directly in an HTML page, using the SVG `circle` element with `fill`, `stroke`, and `stroke-width` attributes. The page relies on no external libraries, only native HTML and inline SVG elements within a fixed 960×500 viewport. The rendering approach is purely static vector graphics, with no interaction or animation.

AAlex Hunter

95% match

Loading thumbnail…

Fork of Hello HTML

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.

Aalexanderholmberg

95% match

Loading thumbnail…

Fork of Hello HTML

A single large yellow circle with a black outline sits centered in an SVG canvas, flanked by two smaller unfilled circles. The example demonstrates basic SVG shape rendering within an HTML page, using raw SVG elements like `circle` directly in the markup. The code sets a fixed canvas size of 960 by 500 pixels and applies CSS to remove default page margins. No JavaScript libraries or data sources are involved; the visualization is purely static vector graphics defined inline in the HTML.

KKate-2222004

95% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple, static visualization: a large yellow circle with a black outline, flanked by two smaller black circles, all rendered inside an SVG canvas. The code uses raw HTML and SVG elements—specifically `circle` tags with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—to define the shapes. It does not employ any JavaScript libraries or data-driven logic; the positions and sizes are hardcoded in the markup. The page sets its body margin to zero and hides overflow to create a clean, full-viewport display, with the SVG sized at 960 by 500 pixels.

Mmissjeannielim

95% match