Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published1🌍 Public

Last edited Sep 27, 2022

Created on Nov 12, 2021

This example displays a scatter of six black circles over a white SVG canvas, each positioned at fixed coordinates. The page uses a plain HTML structure with inline SVG elements, setting the body margin to zero and hiding overflow. It renders the circles directly within the SVG markup without any JavaScript libraries or data binding, serving as a minimal demonstration of static SVG visualization within an HTML document.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example displays a single black circle positioned at the top-left corner of an SVG canvas. The visualization is a minimal HTML page with embedded SVG, using no external libraries. The circle is rendered with a radius of 100 pixels on a 960 by 500 coordinate system, while the body margin is set to zero and overflow hidden. The code demonstrates basic SVG markup within an HTML document, with no interactive or data-driven behavior.

Ddanielm2425262728

90% match

Loading thumbnail…

Fork of HTML Starter

This example shows a simple arrangement of six black circles on a white background, rendered directly as inline SVG elements within an HTML page. The visualization uses raw SVG markup with `<circle>` and `<rect>` elements, all defined inside an `index.html` file. The SVG canvas is set to 960 by 600 pixels, and the circles vary in their x and y coordinates to create a scattered pattern. This demonstrates a minimal approach to static data visualization using only native SVG and HTML, without any JavaScript libraries or external frameworks.

Bbillzhou2005

89% match

Loading thumbnail…

Fork of Hello HTML

This example shows a minimal SVG scene of three circles: a large yellow circle with a black outline and two smaller unfilled circles positioned inside it. The visualization renders directly in an HTML page using inline SVG elements, specifically `<circle>` tags with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. The code defines a 960 by 500 pixel canvas and sets the page body to hide overflow. The page uses no external JavaScript libraries or data sources, relying solely on static vector graphics defined within the `index.html` file.

HH0N3ST

89% match

Loading thumbnail…

Fork of Hello HTML

A minimal SVG scatterplot-style page renders a single circle without axes or labels, using raw HTML with an embedded `<svg>` element sized at 960×500 pixels. The circle is positioned with `r="100"` but lacks cx and cy attributes, defaulting to the origin (0,0), and is drawn without any JavaScript libraries. The page sets `margin: 0` and `overflow: hidden` on the body, focusing entirely on the static vector graphic as a bare-bones example of SVG markup in an HTML document. No animation or interaction is present, showcasing only the basic structure of a standalone SVG visual.

BBjoernujjwb

89% match

Loading thumbnail…

Fork of Hello HTML

This example displays a single large black circle centered on a blank SVG canvas. The page is minimal, containing only an SVG element with one circle of radius 200. It uses no external libraries or APIs, relying solely on standard HTML and inline SVG markup. The rendering approach is direct SVG, with no interaction or data visualization beyond the static geometric shape.

RRavisista1303

89% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple static composition of two black-bordered circles on a yellow background, serving as a basic SVG rendering demonstration. The visualization uses raw SVG elements—a large yellow circle and two smaller black circles—directly embedded in an HTML page, with no external JavaScript libraries. The page employs minimal CSS to reset margins and hide overflow, while the SVG canvas is sized at 960 by 500 pixels. The rendering approach relies entirely on native SVG markup, making it a minimal illustration of vector shape drawing without data binding or interactivity.

JJohnoverton743@gmail.com

89% match

Loading thumbnail…

Fork of Hello HTML

This example displays a single static circle centered on a 960 by 500 pixel SVG canvas. The circle is drawn using raw SVG markup, with no data binding or interaction. The page uses a minimal HTML structure with inline CSS to remove the default margin. It serves as a basic starter template for creating SVG-based visualizations without the aid of a JavaScript library.

FFrancisco Ortega

88% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple, static scene: a large tan circle with a thick black border and two smaller black circles positioned inside it, suggesting a face or abstract composition. The visualization is rendered entirely with inline SVG elements, using an HTML page with no external libraries or data sources. The code defines an SVG container and draws three circles with explicit `cx`, `cy`, `r`, and styling attributes, demonstrating bare-minimum SVG markup for shape-based graphics.

PPeyton Pedersen

88% match