Skip to main content
SimilarExport ZIP
100%

Fork of Hello HTML

✓ Published0🌍 Public
JJemika Negara
Last edited Apr 30, 2022
Created on Apr 30, 2022
Forked from 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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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
94% 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
94% 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
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
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
93% match
Loading thumbnail…

Fork of Hello HTML

This example displays a simple static face composed of three SVG circles: a large yellow circle with a black outline for the head and two smaller black circles for eyes. The visualization is built entirely with inline SVG elements within an HTML page, using the `circle` tag with attributes for positioning, radius, fill, and stroke. It demonstrates the bare minimum structure for embedding SVG graphics directly in a webpage, with no external libraries or data sources, serving as a basic template for more complex visualizations.

Aartal23
93% 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
Loading thumbnail…

Fork of Hello HTML

This example displays a static, yellow circle with a black outline and two smaller black circles positioned inside it, forming a simple face-like shape. It demonstrates a minimal SVG rendering approach using raw HTML and SVG elements, without any JavaScript libraries or data binding. The visualization is created directly within an SVG container in an HTML page, with circles positioned using explicit `cx`, `cy`, and `r` attributes. The code uses no external APIs or frameworks, relying solely on inline SVG markup to achieve the output.

BBjørnar Dalsnes
92% match