Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Apr 12, 2021

Created on Apr 12, 2021

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.

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 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

94% 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

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple, static visualization: a large yellow circle with a black outline, flanked by two smaller black circles, all rendered inside an SVG canvas. The code uses raw HTML and SVG elements—specifically `circle` tags with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—to define the shapes. It does not employ any JavaScript libraries or data-driven logic; the positions and sizes are hardcoded in the markup. The page sets its body margin to zero and hides overflow to create a clean, full-viewport display, with the SVG sized at 960 by 500 pixels.

Mmissjeannielim

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with two smaller black circles positioned horizontally across it, resembling a face, rendered on an SVG canvas. The visualization uses raw SVG elements—specifically `<circle>` tags—to draw the shapes directly in the HTML body, with CSS styling for layout and stroke attributes for outlines. The circle positions and radii are hardcoded, and the SVG viewport is set to 960 by 500 pixels. No external JavaScript or data libraries are used; the page relies purely on static markup and inline styling.

Ggood mite

93% match

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

93% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple, static face made of three SVG circles: a large yellow circle for the head and two smaller black circles for the eyes. The code uses raw SVG elements within an HTML page, positioning the shapes with fixed `cx` and `cy` coordinates relative to the user’s viewport. A black stroke outlines the head, and the page hides overflow to create a clean, full-window presentation. The visualization demonstrates basic SVG circle geometry and styling without any JavaScript libraries or interactivity.

AAlaa Lahmar

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

93% match