Fork of Hello HTML

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

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

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

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

Fork of Hello HTML

This example displays a single static circle centered in an SVG canvas. It demonstrates the minimal structure of an HTML page containing an SVG element with a circle defined by explicit `cx`, `cy`, and `r` attributes. The page uses inline CSS to remove margins and hide overflow, and the circle is rendered directly via SVG markup without any JavaScript libraries or data sources. The visual is a plain, unanimated red circle against a white background.

CCaleb Crum

Fork of Hello HTML

A minimal HTML page defines an inline SVG canvas that renders three circles. The largest circle uses a CSS class to apply a yellow fill with a black border, while two smaller circles have default black fills. The page sets body margins to zero and hides overflow, presenting a static, purely SVG-based graphic with no interactive behavior or external data.

EEdgar Alves

Fork of Hello HTML

A minimal SVG page displays a single hollow circle centered on a 960-by-500 canvas. The example demonstrates a bare-bones HTML structure with inline CSS that hides page overflow. It uses the SVG `<circle>` element with a radius of 100, though the closing tag is misspelled as `</cirle>`. No external libraries or JavaScript are employed; the rendering relies solely on native SVG markup within the HTML body.

GGargi-Lohia

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