Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Hhanthuya1999@gmail.com

Last edited Jan 28, 2024

Created on Jan 27, 2024

This example renders a simple SVG scene of two circles: a large yellow circle with a black outline and a smaller circle positioned inside it. The HTML page contains inline SVG markup with hard-coded coordinates and styling attributes, including a `stroke-width` of 5 and explicit `fill` colors. It demonstrates basic SVG drawing without external libraries, using only native browser rendering. The code is a direct fork of the “Hello HTML” template, serving as a minimal introduction to SVG shapes within an HTML document.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example demonstrates a simple SVG scene: a large yellow circle with a thick black outline, accompanied by two smaller solid black circles positioned symmetrically inside it. The visualization renders directly through inline SVG elements within an HTML page, using no JavaScript or external libraries. The page is styled with basic CSS to remove margins and hide overflow, ensuring the graphic fills the viewport. It is a fork of the "Hello HTML" example, relying solely on static SVG markup to create a minimal, geometric composition.

FFola09

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

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

A fork of the Hello HTML example renders a simple, single-frame SVG scene of a yellow circle with two smaller unfilled circles for eyes. The code uses only raw SVG elements—`<svg>`, `<circle>`, and inline styling—without any JavaScript libraries or data sources. The 960x500 viewport contains a large circle with a black stroke, while the two smaller circles are positioned symmetrically as visual features, demonstrating basic SVG shape creation and static styling through presentation attributes.

DDeepanshu

93% match

Loading thumbnail…

Fork of Hello HTML

A bare SVG scene draws three circles—a large yellow one with a black stroke and two smaller unfilled ones—positioned on a 960×500 canvas. The markup directly embeds SVG elements within an HTML page, using no JavaScript libraries or data sources. The rendering relies solely on native SVG syntax, defining shapes with attributes like `r`, `cx`, `cy`, and `fill`. The example demonstrates a minimal static graphic achieved entirely through inline SVG, with no interactive behavior or external dependencies.

JJ Xander Crawford

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

93% match

Loading thumbnail…

Fork of Hello HTML

A simple SVG scene depicts two circles, one large yellow circle with a black outline and a smaller circle positioned to its upper left. The visualization is a static, hand-coded HTML page using no external libraries. It relies on inline SVG elements defined directly within the `index.html` file, using basic SVG tags like `<circle>` with explicit `cx`, `cy`, and `r` attributes. The rendering is entirely client-side in the browser, with no data inputs or interactive behavior.

LLejla Kafedzic

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a minimal SVG scene: a large yellow circle with a black outline and a small black dot, accompanied by the text “hello.” It is built directly in HTML using inline SVG elements, without any JavaScript libraries. The page sets its body margin to zero and hides overflow, allowing the 960 by 960 pixel SVG to fill the viewport. The circles are positioned with fixed `cx` and `cy` coordinates, with the small dot placed inside the larger circle. The code relies entirely on standard HTML and SVG markup, rendering statically as a simple visual composition.

PPineappleLazagna

93% match