Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published1🌍 Public

Last edited Oct 17, 2021

Created on Oct 17, 2021

A minimal SVG circle chart. The visualization displays a single yellow circle with a thick black border centered on a 960×500 canvas. It uses an HTML page with inline CSS styling and the SVG circle element, setting explicit attributes for position, radius, stroke, fill, and stroke width. The code does not utilize any JavaScript libraries or external data sources; it is a static, hand-written SVG rendering demonstrating basic shape markup.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

A single yellow circle with a black outline is centered on a 960-by-500 SVG canvas. The example demonstrates the absolute minimum HTML structure required for a D3-free visualization, using only the SVG `<circle>` element with explicit `r`, `cx`, and `cy` attributes. The page is styled with CSS to remove margins and hide overflow, so the shape fills the viewport. It serves as a static, non-interactive starting point for building more complex charts.

SSrijan Srivastava

94% match

Loading thumbnail…

Fork of Hello HTML

A minimalist SVG visualization renders a single large yellow circle centered on a 960×500 canvas against a white background. The page uses an inline `<svg>` element with a `<circle>` shape, setting the radius to 300 and fill color directly in the markup. The HTML document includes CSS to remove the body margin and hide overflow, ensuring the visualization fills the viewport without scrollbars. No JavaScript libraries or external data sources are used; the example demonstrates raw HTML and SVG drawing primitives.

Nnatsucr7

93% match

Loading thumbnail…

Fork of Hello HTML

A minimal SVG visualization renders a yellow circle with a thick black outline, accompanied by two smaller black circles positioned as eyes. The page uses raw SVG elements—`<circle>` and `<svg>`—defined directly in the HTML, with no JavaScript or external libraries. The styling is handled inline via CSS, setting the body margin to zero and hiding overflow for a clean, full-frame presentation. The code is a static, hand-coded drawing rather than a data-driven chart, serving as a basic demonstration of SVG shapes and attributes in an HTML document.

Jjonasveenhues

93% match

Loading thumbnail…

Fork of Hello HTML

This is a forked example of the “Hello HTML” template, presenting a single yellow circle centered on a 960-by-500 SVG canvas. The circle is drawn with a black outline and a stroke width of five pixels. The rendering uses raw SVG elements embedded directly in an HTML page, with no external JavaScript libraries. The chart’s visual is static and demonstrates the basic structure of an SVG graphic, relying solely on the `<svg>` element’s attributes for its simple, non-interactive appearance.

Hhanthuya1999@gmail.com

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

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

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

A single yellow circle on a black stroke is rendered as an SVG element within a minimal HTML page. The page uses an inline SVG tag with fixed width and height attributes, though the code contains malformed syntax (colons instead of equals signs) and an unclosed circle element. The page margins are removed via CSS to hide overflow. No JavaScript libraries or data sources are present; the visualization is purely static markup.

JJom chavara

93% match