Skip to main content
SimilarExport ZIP
100%

Hello HTML

✓ Published0🌍 Public
LLesego Kgoali
Last edited Sep 28, 2022
Created on Sep 28, 2022
Forked from Hello HTML

A single yellow circle with a thick black outline floats at the center of a 960-by-500 SVG canvas. The page uses raw HTML and inline SVG, setting the body to hide overflow so the graphic fills the viewport. The circle is positioned at coordinates (480, 250) with a radius of 100, demonstrating a minimal SVG markup example without any JavaScript libraries or data. The rendering is purely declarative, showing how static shapes can be drawn directly in a browser.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Hello HTML

A single yellow circle with a thick black outline is drawn at the center of an SVG canvas. The example illustrates the minimal structure of an HTML page embedding SVG directly, with the circle positioned at coordinates (480, 250) and a radius of 200 pixels. The code uses standard HTML and inline SVG, with CSS to remove page margins and hide overflow. No external libraries or data sources are involved; the rendering is entirely self-contained within the `index.html` file.

AAmmar Ehab
94% match
Loading thumbnail…

Hello HTML

A yellow circle with a black outline dominates a 960 by 500 pixel SVG canvas, accompanied by two smaller unfilled circles placed to the left and right of its upper half. This static composition is built directly in an HTML page using inline SVG elements like `<circle>`, with the page's body margin and overflow set to create a clean, full-bleed display. The rendering relies solely on the browser's built-in SVG support, with no external libraries or data sources involved.

GGnosis-hash
94% match
Loading thumbnail…

Hello HTML

A yellow circle with a black outline and two smaller solid black circles arranged as a simple face is drawn directly on an SVG canvas with a 960 by 500 viewport. The page is a bare minimum HTML document that uses inline SVG elements, such as `<circle>` for each shape, with no external libraries or JavaScript involved. The rendering relies entirely on static SVG markup, with body margin and overflow hidden via CSS to frame the graphic.

22020viz
94% match
Loading thumbnail…

Hello HTML

A single yellow circle with a black outline sits centered on an empty white SVG canvas. The example demonstrates the minimal structure of an SVG visualization embedded directly in an HTML page, using no external libraries or data sources. The circle is drawn with hard-coded attributes: a 960 by 500 pixel viewport, centered at 480,250 with a radius of 245. The page relies solely on standard HTML and SVG elements, with inline CSS to hide scrollbars, showcasing the simplest possible interactive-free chart setup.

Sstaykhangry
93% match
Loading thumbnail…

Hello HTML

This example shows a single yellow circle with a thick black outline centered on an empty SVG canvas. The circle is drawn using an inline SVG element with a radius of 240 pixels, positioned at coordinates (480, 250) within a 960 by 500 viewport. Styling is applied directly through SVG presentation attributes, including fill, stroke, and stroke-width. The page uses plain HTML markup with embedded CSS to reset body margins and hide overflow, while the SVG itself requires no JavaScript libraries or external dependencies.

DDave Alger
93% match
Loading thumbnail…

Hello HTML

A minimalist web page displays a single large yellow circle with a grey outline centered on a blank canvas. The circle is rendered directly within an inline SVG element embedded in the HTML body, avoiding any external libraries or JavaScript. The page uses a straightforward SVG `<circle>` tag with attributes for position, radius, fill, and stroke, while CSS removes body margins and hides overflow for a clean, full-viewport presentation. This example demonstrates the basic capability of SVG for simple geometric visualization without additional data or interactivity.

LLaura Pippinato
93% match
Loading thumbnail…

Hello HTML

A minimal HTML page renders a single yellow circle with a black outline using an inline SVG element. The circle is centered within a 960 by 500 viewport, with its radius specified as a mathematical expression involving the height and stroke width. The page relies on the native SVG API, with no external libraries or data sources, demonstrating a bare-bones approach to web-based vector graphics.

Ggocetmitkovski
93% match
Loading thumbnail…

Hello HTML

This example shows a single yellow circle centered on a black-outlined SVG canvas, demonstrating the minimal structure of an HTML page with embedded SVG graphics. The page uses inline CSS to remove margins and hide overflow, while the SVG element is sized at 960 by 500 pixels. The circle is drawn with a fill color, stroke, and stroke-width, all declared as SVG attributes within the markup. No JavaScript libraries or data sources are involved; the visualization relies solely on static HTML and SVG primitives.

Ffronth
93% match