Hello HTML

100%

✓ Published0🌍 Public

Last edited Mar 4, 2020

Created on Mar 4, 2020

This example shows a simple yellow circle with a black outline and two smaller circles, rendered as static SVG. It demonstrates the most basic HTML document structure, embedding raw SVG markup directly into the page body. The code uses no external libraries, relying only on native HTML and SVG elements like `circle` and `svg`. The circles are positioned using explicit `cx`, `cy`, and `r` attributes, with colors set via `fill` and `stroke`, creating a minimal face-like graphic without any JavaScript or interaction.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Hello HTML

A minimal HTML page renders a single yellow circle centered in an SVG canvas. The example demonstrates the simplest possible structured document, using a plain `<svg>` element with a `<circle>` tag to display vector graphics without any external libraries. The circle’s position and radius are set directly via `cx`, `cy`, and `r` attributes, while its color comes from the `fill` property. The page’s static, declarative markup shows how raw SVG inside HTML can produce basic shapes with no JavaScript or data processing.

Sspringsaga

94% match

Loading thumbnail…

Hello HTML

This example shows a single yellow circle rendered in an SVG container on a blank HTML page. It demonstrates the minimal structure required to embed SVG graphics directly in a web document, using inline SVG elements like `circle` with attributes for radius, position, fill, and stroke. The page uses no external libraries or JavaScript, relying solely on standard HTML and SVG syntax. The circle is centered slightly off-screen on a 960 by 600 canvas, with a black outline and a fixed stroke width.

Aaigioma

94% match

Loading thumbnail…

Hello HTML

This example shows a single yellow circle with a black outline centered on a blank SVG canvas. It demonstrates the most basic structure of an HTML page with embedded SVG markup, using no external JavaScript libraries or data sources. The circle’s position, size, and colors are hard-coded in the SVG attributes `cx`, `cy`, `r`, `fill`, and `stroke`, while the page’s layout is controlled by inline CSS that removes margins and hides overflow. The rendering is done directly through the browser’s native SVG support, requiring no client-side processing or interaction.

QQichun Dai

94% match

Loading thumbnail…

Hello HTML

This example shows a minimal HTML page that renders a single yellow circle using inline SVG. The page contains only an `<svg>` element with a `<circle>` positioned at coordinates (250, 100) and a radius of 50, filled with yellow. It demonstrates the basic structure of an HTML document with a `<head>` and `<body>`, and how to embed vector graphics directly. The rendering relies on the browser’s native SVG support without any external JavaScript libraries or data sources.

Aaquacalc

93% match

Loading thumbnail…

Hello HTML

This example shows a simple yellow circle with a black outline flanked by two smaller black circles, all rendered as static SVG shapes. The code defines an SVG canvas of fixed dimensions and places three circle elements using explicit x, y, and radius properties. No external libraries are used, relying only on native HTML and SVG markup within a single index.html file. The page suppresses scrolling and margins via inline CSS, focusing entirely on the geometric composition.

YYagnesh

93% match

Loading thumbnail…

Hello HTML

A single yellow circle with a black outline sits centered on a blank page, rendered as inline SVG within an HTML document. The example demonstrates a minimal SVG setup using no external libraries, relying entirely on native SVG elements with explicit `cx` and `cy` attributes. It shows a basic shape with a fill and stroke, with the page set to hide overflow and remove margins through CSS. The circle is static, with no interaction or animation.

JJoe

93% match

Loading thumbnail…

Hello HTML

A bare-bones HTML document renders a single yellow circle with a black outline on an empty SVG canvas. The page relies solely on intrinsic SVG elements—no external JavaScript libraries or data sources are involved. The circle is centered via fixed `cx` and `cy` attributes, sized with a `r` of 100, and styled through explicit `fill` and `stroke` presentation attributes. The SVG is embedded directly in the body with inline dimensions of 960 by 500 pixels, and the page includes a minimal CSS rule that removes margins and hides overflow.

DDavid Boland

93% match

Loading thumbnail…

Hello HTML

This example displays a static yellow circle centered on a plain white SVG canvas. It demonstrates the minimal structure of an HTML document embedding Scalable Vector Graphics, with no external JavaScript or data libraries. The circle is rendered directly through the SVG `<circle>` element, its size and position set via the `cx`, `cy`, and `r` attributes, while styling is applied through a CSS rule in the page header.

Zzhangweihua1

93% match