Skip to main content
SimilarExport ZIP
100%

Fork of Hello HTML

✓ Published0🌍 Public
JJeff Yeung
Last edited Sep 7, 2022
Created on Sep 7, 2022
Forked from Hello HTML

This example shows a simple SVG composition of three concentric circles on a coral background—a large circle with a thick black stroke and two smaller open circles positioned on either side. It demonstrates how to create a static vector graphic using inline SVG elements directly in an HTML page, with no JavaScript libraries. The circle elements use `fill`, `stroke`, and `stroke-width` attributes for styling, and the page sets `overflow: hidden` on the body for a clean viewport. It is a fork of the “Hello HTML” template, rendering at 960 by 500 pixels.

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
92% 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 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.

Oomar-gi
92% 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
91% 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
91% 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
91% 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
91% 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
91% match