Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited May 30, 2022

Created on May 30, 2022

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.

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

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

96% match

Loading thumbnail…

Fork of Hello HTML

This example renders a single yellow circle with a black outline in the center of an SVG canvas. The visualization demonstrates basic SVG styling and layout, using a hard-coded circle element with explicit `cx`, `cy`, `r`, `fill`, and `stroke-width` attributes. It relies on inline SVG within a plain HTML page, with presentation rules defined in an external CSS file. No JavaScript, data binding, or interactive behavior is present.

BBrian Blakely

96% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle centered on a black-outlined SVG canvas. The visualization uses raw SVG markup within an HTML page, drawing a single circle element with a yellow fill and black stroke. The code relies on basic SVG presentation attributes—such as `cx`, `cy`, `r`, `fill`, and `stroke-width`—rather than any JavaScript library or data binding. The rendering approach is purely static SVG, with CSS resetting margins and hiding overflow to keep the canvas focused. No external data source or interactive behavior is present.

AAbhishek-Bohora

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

96% 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 shows a simple yellow circle with two smaller black circles positioned horizontally across it, resembling a face, rendered on an SVG canvas. The visualization uses raw SVG elements—specifically `<circle>` tags—to draw the shapes directly in the HTML body, with CSS styling for layout and stroke attributes for outlines. The circle positions and radii are hardcoded, and the SVG viewport is set to 960 by 500 pixels. No external JavaScript or data libraries are used; the page relies purely on static markup and inline styling.

Ggood mite

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

95% match