Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Mar 1, 2021

Created on Mar 1, 2021

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.

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

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

95% match

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

95% match

Loading thumbnail…

Fork of Hello HTML

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.

FFiyin Ebenezer

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

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

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

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

94% match