Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Jan 29, 2025

Created on Jan 29, 2025

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

A static SVG circle centered on a yellow-filled canvas demonstrates the simplest possible HTML page rendering a single geometric shape. The page uses inline SVG markup within an `index.html` file, with no JavaScript libraries or data sources involved. The circle is drawn with a `circle` element featuring a `fill` of yellow, a `stroke` of black, and fixed `cx`, `cy`, and `r` attributes. CSS rules hide page margins and overflow to present the graphic cleanly, mirroring the minimal "Hello HTML" example.

BBiel Simon Rojas

95% match

Loading thumbnail…

Fork of Hello HTML

A minimal HTML page renders a single yellow circle at the center of an SVG canvas. The circle uses a black stroke and a 200-pixel radius, drawn directly with the SVG `<circle>` element. The page applies no external JavaScript libraries, relying solely on inline SVG markup within the body. The styling sets the body margin to zero and hides overflow, while the SVG itself has a fixed width of 960 pixels and height of 500 pixels.

MMeghana Bangari

95% match

Loading thumbnail…

Fork of Hello HTML

A minimal HTML page renders a single yellow SVG circle with a black outline, centered on a 960 by 500 canvas. The graphic is created entirely with inline SVG elements, including a `<circle>` with explicit `cx`, `cy`, and `r` attributes, alongside a CSS rule that hides page scrolling. The page uses no JavaScript or external libraries, instead relying on plain HTML and presentational SVG attributes to define the static visualization. The example demonstrates the simplest possible SVG rendering approach within an HTML document.

TThomas Flood

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

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with a black outline and two smaller black circles arranged to suggest a face, rendered directly in HTML. The entire graphic is created using inline Scalable Vector Graphics (SVG) within an `index.html` file, with no external data source. Styling for the page and SVG dimensions is handled by a linked `style.css` file, which sets the width to 960 pixels and height to 500 pixels. The code uses basic SVG primitives like `<circle>` elements, specifying attributes for radius, position, fill, and stroke.

AAaron Parisi

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

94% match

Loading thumbnail…

Fork of Hello HTML

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.

Hhaozhou1988

94% match

Loading thumbnail…

Fork of Hello HTML

A single yellow circle with a black outline sits at the center of a 960-by-500 SVG canvas. The circle is drawn using raw SVG markup within an HTML page, with its position and size fixed via the `cx`, `cy`, and `r` attributes. The page uses no JavaScript or external libraries, relying solely on inline SVG and basic CSS to set the body margin and hide overflow. The rendering is static and defined entirely in the `index.html` file.

MMolly

94% match