Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Jul 30, 2024

Created on Jul 30, 2024

This example demonstrates the simplest possible SVG visualization: a single circle centered in a 960×500 viewport. The SVG is written directly in the HTML without any JavaScript or D3 dependency. The code renders a single `<circle>` element with an `r` of 200, but no fill or stroke, so the circle appears as an empty outline against the white page background. This minimal fork of the classic “Hello HTML” example highlights the basic structure of an SVG-based data visualization.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example is a minimal fork of the classic “Hello HTML” template, demonstrating the most basic structure of an SVG-based web visualization. It displays a single, unstyled circle rendered directly within an inline SVG element inside an HTML page. The entire implementation relies on the native SVG `<circle>` element and the standard HTML `<svg>` container, with no external libraries or JavaScript. The data source is not present; instead, the circle’s fixed position and size are hard-coded in the markup, emphasizing the foundational role of SVG for creating simple geometric shapes in a browser.

Ffreeman-k

95% match

Loading thumbnail…

Fork of Hello HTML

This example shows a minimal SVG visualization rendered in a browser, featuring a single circle with no position or fill styling, so it appears as a default black dot at the top-left of the viewport. The page relies on an inline SVG element with width and height set to 100%, and the circle uses an `r` attribute of 100 but no `cx` or `cy`, which defaults to the origin. The code uses no JavaScript libraries or APIs—it is purely static HTML and SVG markup, as defined in the `index.html` file.

AAlex Sánchez

94% match

Loading thumbnail…

Fork of Hello HTML

A minimal SVG circle is centered on a blank 960-by-500 canvas with no axis, labels, or interaction. The page uses raw HTML with an inline `<svg>` element and a `<circle r="200">` tag, rendering via the browser’s SVG engine. The example demonstrates the simplest possible D3-free SVG structure, serving as a starting point for more complex visualizations. No JavaScript libraries or data sources are involved.

不不爱喝橙子汁

94% match

Loading thumbnail…

Fork of Hello HTML

This example renders a minimalist HTML page as an SVG visualization, displaying a single circle positioned at the origin of a 960×500 coordinate system. The code sets the document body to fill the viewport with hidden overflow, then embeds an SVG element containing a radius-100 circle. No JavaScript libraries or additional assets are used; the visualization relies solely on static SVG markup within the HTML structure. The circle’s default fill and stroke appear as rendered by the browser.

Mmartfhill

94% match

Loading thumbnail…

Fork of Hello HTML

A minimal HTML page demonstrates an SVG circle with no visible attributes beyond a radius of 100 pixels, leaving it centered at the origin of the SVG viewport. The page contains no JavaScript or styling, only the raw `circle` element inside an `svg` tag. The example highlights a basic, unstyled SVG shape rendered directly in the browser, with no data loading or interaction. This fork of the "Hello HTML" template serves as a starting point for SVG visualizations.

Mmaferayala

94% match

Loading thumbnail…

Fork of Hello HTML

This example displays a single, unprepossessing SVG circle on a blank canvas, acting as a minimal starting point for HTML-based visualizations. The page is a bare HTML document that embeds an SVG element with a 960 by 500 pixel viewport. The circle is defined with an `r` radius of 100 but no fill or stroke, so it renders as a hollow outline. The code relies solely on native SVG markup within the HTML, without any JavaScript libraries, to establish the simplest possible rendering structure.

LLauriane Sablon

94% match

Loading thumbnail…

Fork of Hello HTML

A minimal SVG circle is drawn directly in an HTML page, showing a static single-shape visualization without any interaction or data binding. The page uses the built-in SVG element and a `<circle>` tag with a radius of 20 units, positioned at coordinates (200, 120). No JavaScript libraries or external APIs are involved; the rendering relies solely on the browser’s native SVG support. The example demonstrates the simplest possible SVG scaffold, serving as a starting point for more complex visualizations.

Rrafffso

94% match

Loading thumbnail…

Fork of Hello HTML

This fork of “Hello HTML” displays a single SVG circle centered on a 960×500 canvas, with the page’s margin removed and overflow hidden for a clean, full-viewport presentation. The visualization uses a minimal HTML document structure and inline CSS to style the body, while the circle is rendered directly via the SVG `<circle>` element with an `r` of 200. No external libraries or JavaScript are involved—only static SVG markup and basic styling. The example serves as a starting point for more complex D3 or data-driven projects.

Wwesleyis@live.com

93% match