Skip to main content
SimilarExport ZIP
100%

Fork of Hello HTML

✓ Published0🌍 Public
Oomar-gi
Last edited Apr 27, 2022
Created on Apr 27, 2022
Forked from Hello HTML

This example shows a minimal SVG composition of three circles: one large pink circle with a black outline, flanked by two smaller unfilled circles, all arranged horizontally on a blank canvas. The page is built from a bare HTML document with embedded CSS and SVG markup, using no external libraries. It renders shapes directly via the SVG API, with the body margin reset and overflow hidden to create a clean, edge-to-edge display. The design emphasizes simple geometric layout over interactivity.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example shows a simple static SVG composition of three circles arranged as a face-like shape. A large black central circle is flanked by two smaller green circles with red outlines, all drawn directly in the HTML markup. The code uses plain SVG elements within an embedded `<svg>` tag, with attributes for positions, radii, and colors. The rendering approach is purely declarative, with no JavaScript libraries or dynamic behavior, making it a minimal demonstration of basic SVG drawing in a bare HTML page.

CChinmai Reddy Modugula
93% match
Loading thumbnail…

Fork of Hello HTML

A minimal SVG drawing presents three circles on a 960-by-500 canvas: one large hotpink circle with a thick black stroke, flanked by two smaller solid black circles. The code uses plain SVG elements—`circle` with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—directly embedded in an HTML page with no JavaScript libraries. The page is styled with CSS to remove margins and hide overflow, and the rendered output is static SVG generated entirely by hand-written markup.

VVernnie
93% match
Loading thumbnail…

Fork of Hello HTML

This example shows a simple, fixed composition of three circles inside an SVG canvas. The largest circle is filled yellow with a thick black stroke, while two smaller black circles sit symmetrically within it, forming a basic face-like shape. The visualization is created entirely with static SVG markup, directly declaring each circle’s position, radius, fill, and stroke attributes. The page uses minimal CSS to remove default margins and hide overflow, while the rendering relies on the browser’s native SVG support, with no external JavaScript libraries or data inputs.

YYodae Lim
93% match
Loading thumbnail…

Fork of Hello HTML

This example displays a simple static SVG composition featuring two circles: a large yellow circle with a black outline and a smaller unfilled circle positioned to its left. The visualization is rendered using native SVG elements defined directly within the HTML file, with no external JavaScript libraries or data sources involved. The page uses inline styling to remove margins and hide overflow, while the SVG canvas is sized at 960 by 500 pixels, showing how basic geometric shapes can be assembled into a minimalist graphic.

JJulia Hack
92% 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
92% match
Loading thumbnail…

Fork of Hello HTML

This example shows a simple, static SVG composition: a large yellow circle with a black outline and two smaller black circles, arranged to resemble a face. The code is a minimal HTML document that uses inline SVG elements to define the shapes directly, with the `circle` tag specifying center coordinates, radius, fill, and stroke properties. The page sets its body margin to zero and hides overflow, allowing the 960 by 500 pixel SVG canvas to occupy the full viewport without scrollbars. The visualization relies on plain SVG markup rather than any external JavaScript libraries or data processing.

OOleksii
92% match
Loading thumbnail…

Fork of Hello HTML

A minimal HTML page displays two static SVG circles: a large yellow circle with a black outline and a smaller black circle inside it. The example uses plain SVG elements—`<svg>`, `<circle>`, and CSS styling for margins and hidden overflow—without any JavaScript libraries or data sources. It serves as a basic demonstration of raw SVG rendering within a 960×500 viewport, showing how simple shapes can be composed directly in HTML markup.

CCyrus Buhariwalla
92% match
Loading thumbnail…

Fork of Hello HTML

This example shows a simple, static composition of three circles rendered as an SVG graphic on a yellow background with a thick black outline. The primary circle is centered, while two smaller, unfilled circles are positioned symmetrically to suggest a face or abstract pattern. The code uses raw SVG elements within an HTML page, defining each circle's position, radius, and styling directly through attributes like `cx`, `cy`, `r`, `fill`, and `stroke`. The page's body margin is set to zero and overflow is hidden for a clean presentation.

TTricia Medina
92% match