Dougs Fork of Hello HTML

100%

Dougs Fork of Hello HTML

✓ Published0🌍 Public

Last edited Feb 24, 2021

Created on Feb 24, 2021

This example displays a single large yellow circle with a black outline centered on an SVG canvas, paired with a simple "hello world!" heading. The page uses raw HTML and inline CSS to remove margins and hide overflow. The circle is drawn using an SVG `<circle>` element with fixed width and height attributes on the `<svg>` tag, while the text is a standard `<h1>` element. The code relies on basic SVG syntax, not a charting library.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example displays a single large yellow circle with a blue outline centered on a plain white SVG canvas. The graphic is produced directly in an HTML page using inline Scalable Vector Graphics (SVG) markup, with the circle element specified via its center coordinates (cx, cy) and radius (r), and styled through the fill and stroke attributes. The page’s CSS resets the body margin and hides overflow, ensuring the drawing spans the full viewport width of 960 pixels and height of 500 pixels.

DdapperAuteur

87% match

Loading thumbnail…

Fork of Hello HTML

This example displays a single large yellow circle with a black outline centered on a 960-by-500 SVG canvas. The circle is drawn directly using the SVG `<circle>` element, with attributes for position, radius, and fill and stroke styling defined inline in the HTML. No JavaScript or data-binding libraries are used; the visualization relies purely on static SVG markup within an HTML page. The page’s CSS removes margins and hides overflow to present the graphic cleanly.

AAnHaiTrinh

87% match

Loading thumbnail…

Fork of Hello HTML

This example displays a static yellow circle centered on a blank SVG canvas, paired with a simple “Hello world!” heading. It uses raw HTML with inline CSS to hide page margins and uses the SVG `<circle>` element directly, specifying `cx`, `cy`, and `r` attributes for positioning and sizing. The block renders at 960 by 500 pixels and demonstrates a minimal page structure without any JavaScript libraries or data sources.

Eericbleibtnet

86% match

Loading thumbnail…

Fork of Hello HTML

This example displays a single yellow circle with a black outline centered on a 960×500 SVG canvas, set against a blank page with hidden overflow. The rendering is accomplished entirely through a hand-coded SVG `<circle>` element with fixed `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width` attributes, embedded directly in an HTML document. It uses no external JavaScript libraries or data sources, relying solely on the native SVG API to draw the shape.

BBrian Blakely

86% match

Loading thumbnail…

Fork of Hello HTML

This example displays a single large yellow circle centered in an SVG canvas. The circle is static, with no interactive or animated behavior. The visualization uses the SVG `<circle>` element directly within an HTML page, specifying attributes for radius, center coordinates, and fill color. The code relies on the browser’s native SVG rendering, with no external libraries or data sources, and serves as a minimal demonstration of embedding SVG shapes in HTML.

Aawarczak

86% match

Loading thumbnail…

Fork of Hello HTML

This example displays a single large yellow circle with a black outline, centered on a 960-by-500 SVG canvas, and a smaller unfilled circle positioned to its upper left. The page uses plain HTML with inline CSS to remove all margins and hide overflow. The graphic is drawn using SVG elements directly in the markup, with a yellow fill, a 10-pixel black stroke, and a second circle that inherits the default black fill. No external libraries are used; the visualization relies solely on basic SVG and HTML structure.

Nnmaryam

86% match

Loading thumbnail…

Fork of Hello HTML

This example displays a single yellow circle with a black outline centered on a 900-by-500 SVG canvas. The circle is drawn directly in the SVG markup within the HTML page, using standard SVG `<circle>` elements with `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width` attributes. No external JavaScript libraries or data sources are involved; the visualization is purely static and defined entirely in the raw `index.html` file.

KKarla Vargas

86% match

Loading thumbnail…

Fork of Hello HTML

This example shows a large yellow circle with a black outline centered in an SVG canvas, paired with two duplicate smaller black circles on the left. It demonstrates basic SVG shape rendering inside a minimal HTML page, using plain SVG elements (`circle`) with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. The code relies on inline SVG markup within the HTML body, with fixed dimensions (960 by 500 pixels) and CSS styling to remove margin and hide overflow. No JavaScript libraries or data sources are involved.

Aaiperceptor

86% match