Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Apr 12, 2021

Created on Apr 12, 2021

A minimal Scalable Vector Graphics (SVG) circle is drawn directly on an HTML page, shown as a yellow disc with a black outline centered in a 900-by-500 viewport. The example uses inline SVG elements—specifically, a `<circle>` tag with attributes for radius, position, fill, and stroke—to render the shape without any JavaScript libraries. The page sets its body margin to zero and hides overflow, ensuring the graphic fills the frame completely. This fork of a basic "Hello HTML" template demonstrates how raw SVG markup can produce static vector visuals in a plain web document.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

A yellow circle with a black outline is centered in an SVG canvas, flanked by two smaller unfilled circles to its upper left and right. The example demonstrates basic SVG shape rendering within an HTML page, using no JavaScript libraries. The rendering relies solely on inline SVG elements and CSS to position the shapes, with the page styled to remove margins and hide overflow. It serves as a minimal fork of the classic "Hello HTML" example, showcasing static vector graphics.

JJoseIGuzman

93% match

Loading thumbnail…

Fork of Hello HTML

A minimal SVG circle is drawn directly within an HTML page, centered on a yellow-filled, black-outlined circle against a white background. The example demonstrates static vector rendering without any JavaScript libraries or data processing. It uses only native SVG elements inside a 960×500 viewport, with the circle's position and radius defined as literal attributes. The rendering relies on the browser's built-in SVG support, making it a simple illustration of basic shape output rather than an interactive or data-driven visualization.

TTemoSmoev

93% match

Loading thumbnail…

Fork of Hello HTML

A minimal HTML page displays two static SVG circles: a large yellow circle with a black outline and a smaller black circle inside it. The example uses plain SVG elements—`<svg>`, `<circle>`, and CSS styling for margins and hidden overflow—without any JavaScript libraries or data sources. It serves as a basic demonstration of raw SVG rendering within a 960×500 viewport, showing how simple shapes can be composed directly in HTML markup.

CCyrus Buhariwalla

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

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

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

93% match

Loading thumbnail…

Fork of Hello HTML

A minimal HTML page uses inline SVG to draw a yellow circle with a black outline, flanked by two smaller solid black circles, all centered on a 960 by 500 canvas. The code embeds raw SVG markup directly in the `index.html` file, with no external libraries or JavaScript, relying on basic `<circle>` elements and CSS to suppress page margins and overflow. The rendering is static, showing a simple face-like composition.

Ssergiu.bodiu@gmail.com

93% match

Loading thumbnail…

Fork of Hello HTML

A circle with a yellow fill and black stroke dominates the screen, accompanied by two smaller unfilled circles positioned inside its bounds. The page renders entirely as static SVG markup within an HTML document, using no JavaScript libraries or interactive frameworks. The example demonstrates a bare-bones SVG approach, with the `<svg>` element and its `<circle>` children defining all visual properties directly. The layout is fixed at 960 by 500 pixels, with the main circle centered and the smaller circles offset asymmetrically.

JJonghwa Lee

93% match