Skip to main content
SimilarExport ZIP
100%

Fork of Hello HTML

✓ Published0🌍 Public
TTricia Medina
Last edited Sep 5, 2022
Created on Sep 5, 2022
Forked from 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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example shows a simple static composition of three circles arranged as a face-like pattern on a yellow background. The visualization is a minimal demonstration of inline SVG markup, using basic `<circle>` elements with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes within an HTML document. The code relies solely on the native SVG API and standard HTML structure, with no external JavaScript libraries or data sources. The page’s body applies a CSS reset to remove margins and enable edge-to-edge rendering of the wide graphics.

JJemika Negara
94% match
Loading thumbnail…

Fork of Hello HTML

This example shows a simple static SVG composition of two circles on a yellow field, with a black outline and a smaller unfilled circle offset to the right. It demonstrates bare-minimum HTML structure and inline SVG markup, using no JavaScript libraries or data. The rendering approach relies entirely on declarative SVG elements inside an `index.html` page, with CSS hiding page margins and overflow. The larger circle uses `fill`, `stroke`, and `stroke-width` attributes, while the smaller circle has no fill or stroke specified, appearing as a void against the background.

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

This example displays a simple, static composition of three circles on a blank canvas: one large yellow circle with a black outline, and two smaller unfilled circles positioned inside it, evoking a stylized face. The visualization is a fork of the “Hello HTML” example, rendered entirely with inline SVG elements within a single HTML page. Using the SVG API directly, the code defines the canvas size, circle positions, dimensions, and styling attributes. The page’s CSS sets the body margin to zero and hides overflow, ensuring the graphic appears edge-to-edge without scrollbars.

EEugenia Mawuenya Akpo
92% match
Loading thumbnail…

Fork of Hello HTML

This example shows a large yellow circle with a black outline centered in an SVG canvas, paired with two duplicate smaller black circles on the left. It demonstrates basic SVG shape rendering inside a minimal HTML page, using plain SVG elements (`circle`) with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. The code relies on inline SVG markup within the HTML body, with fixed dimensions (960 by 500 pixels) and CSS styling to remove margin and hide overflow. No JavaScript libraries or data sources are involved.

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