Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Jul 30, 2022

Created on Jul 30, 2022

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

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.

RRShailza

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

This example displays a single yellow circle with a black outline, centered on a blank 960 by 500 pixel canvas. The visualization is built with an embedded SVG element inside a minimal HTML page, using the circle’s `cx`, `cy`, `r`, `fill`, and `stroke` attributes to define its geometry and styling. The page’s CSS removes body margins and hides overflow, ensuring the circular graphic fills the viewport without scrollbars. No external libraries or data sources are required, as the shape’s properties are hard-coded in the markup.

KKenneth Tso

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

This example shows a single large yellow circle with a thick black outline, centered on a white canvas. The entire visualization is defined in a static SVG element, which is drawn directly within an HTML page. The circle is created using the SVG `<circle>` element, with its dimensions and styling set through the `r`, `cx`, `cy`, `fill`, and `stroke` attributes. The accompanying HTML provides the basic structure, and the project is a fork of a minimal "Hello HTML" template, referencing its README. No additional JavaScript libraries or data sources are used.

BBishal Neupane

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

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

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

92% match