Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Sep 3, 2022

Created on Sep 3, 2022

This example shows a single large yellow circle centered on a black-bordered SVG canvas. The visualization is built with a bare HTML page using inline SVG markup, defining the circle with explicit `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width` attributes. No JavaScript libraries or external data sources are used; the rendering relies entirely on the browser’s native SVG support. The page sets its body margin to zero and hides overflow, so the circle fills the viewport without scrollbars.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example shows a single large yellow circle centered on a black-stroked SVG canvas. The circle fills most of the 960×500 viewport, with a radius of 245 and a 10-pixel stroke. The visualization uses a plain HTML page with inline SVG markup, defining the circle via `<circle>` elements with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. No JavaScript libraries or data sources are involved; the rendering relies entirely on static SVG. The body margin is zeroed and overflow hidden to present the graphic edge-to-edge.

116mario19

97% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle centered on a black-bordered SVG canvas. The visualization relies solely on raw SVG elements, using a `circle` tag with explicit `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width` attributes. No JavaScript libraries or data sources are involved—the rendering is static and defined directly in the HTML markup. The page uses an inline SVG with a fixed 960 by 500 pixel viewport, and the body margin is set to zero with hidden overflow for a clean display.

TTylerSaikaleyTheriault

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

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

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

95% match

Loading thumbnail…

Fork of Hello HTML

A single yellow circle with a black outline is centered on a plain white SVG canvas. The example demonstrates the minimal setup for an SVG-based visualization using only vanilla HTML and SVG elements, with no external JavaScript libraries. The circle is defined with explicit `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width` attributes inside an `<svg>` tag sized 960 by 500 pixels. The page’s body margin is removed and overflow hidden to present the graphic without scrollbars.

Ffjvoris

95% match

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

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

95% match