Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Mar 23, 2022

Created on Mar 23, 2022

A minimal SVG drawing of a yellow circle with a black outline, rendered directly in an HTML page. The circle is centered with a smaller black-outlined empty circle positioned inside it, visually resembling a simple face or target. No data or interactive behavior is present; the page uses inline SVG elements and CSS to set the margin and hide overflow. The example relies on static SVG markup rather than a JavaScript visualization library or data binding.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example displays a single yellow circle with a black outline centered on an SVG canvas, alongside a smaller unfilled circle at the same coordinates. The page uses raw SVG elements within an HTML document, setting the body margin to zero and hiding overflow for a clean, full-viewport presentation. Rendering relies on the native SVG `<circle>` tag, with attributes like `cx`, `cy`, `r`, `fill`, and `stroke` defining the shapes. No JavaScript libraries or data sources are involved; the visualization is purely static markup.

SSun Hwy (David) Kim

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple, static SVG face made of three circles: a large yellow circle for the head and two smaller black circles for eyes. Rendered directly in plain HTML, the visualization uses the SVG `<circle>` element to draw each shape, with attributes controlling position, size, fill color, and stroke. The page sets the body margin to zero and hides overflow, ensuring the 960x500 SVG fills the viewport without scrollbars. No JavaScript libraries or data sources are involved; it demonstrates basic SVG markup within a minimal HTML document.

TTaylorNg

94% match

Loading thumbnail…

Fork of Hello HTML

A yellow circle with a black outline fills the center of a 960×500 SVG canvas, its face formed by two smaller black-outlined circles as eyes. This minimal visualization renders directly through inline SVG markup, using no JavaScript libraries. The page is a simple HTML document with embedded CSS that removes margins and hides overflow, creating a clean, full-viewport presentation. Nothing animates or responds to interaction; it demonstrates the basic structure of an SVG drawing within an HTML page.

Kkan qiu

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

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with a black outline and two solid black circles positioned inside it to resemble a face. The visualization is built as a bare minimum HTML page using an inline SVG element sized at 960 by 500 pixels. It renders the shapes directly with SVG tags such as `circle`, setting explicit coordinates, radii, fill colors, and stroke properties. The code uses no JavaScript libraries or data sources, relying entirely on static SVG markup to produce the graphic.

Hhamdi sevketbeyoglu

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple static SVG drawing of a yellow circle with two smaller black circles representing eyes, framed within a black stroke. The fork of a basic HTML page renders the graphic directly through inline SVG elements inside the `body`, using the `circle` tag with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. No JavaScript libraries are employed; the visualization relies solely on native SVG and HTML, with CSS setting the page margin to zero and hiding overflow. The data is hardcoded in the markup rather than loaded from an external source.

KKim Wing Fung

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with two smaller black circles positioned on it, creating a minimalist face-like composition. Rendered as inline SVG within an HTML page, the visualization uses basic SVG elements—circles with fill, stroke, and stroke-width attributes—to draw the shapes. The code relies on the native SVG API, embedded directly in the markup, with no JavaScript libraries or data sources involved. The page is styled with margin zeroing and hidden overflow to isolate the graphic.

NNicolás Troncoso

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