Fork of Hello HTML

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 simple, static vector graphic: a yellow circle with a black outline and two smaller black circles, positioned on a solid red square. The visual is created entirely with inline SVG elements—specifically three `<circle>` shapes—nested inside an `<svg>` tag with a specified width and height. The code uses the SVG API directly within an HTML document, setting the shape’s radius, center coordinates, fill, and stroke properties. No external library or data source is involved; the rendering relies solely on the browser’s built-in SVG support.

MMagdalena Motyl

Fork of Hello HTML

This example shows a simple, static vector graphic: a large yellow circle with a black outline and two smaller black circles arranged to resemble a face. The rendering uses raw Scalable Vector Graphics (SVG) elements, specifically the `circle` element, with `cx`, `cy`, `r`, `fill`, and `stroke` attributes, all embedded directly in an HTML page. The graphic is fixed at 960 by 500 pixels, with the body margin removed and overflow hidden via CSS. The code does not employ any external JavaScript libraries; it relies solely on inline SVG and basic HTML structure.

SSHNXFL

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

Fork of Hello HTML

This example presents a static vector graphic built directly with SVG elements inside an HTML page. A large yellow circle with a thick black stroke occupies the center, while two smaller unfilled circles sit within it, creating a simple abstract composition. The underlying code uses basic SVG circle shapes with inline coordinate, radius, fill, and stroke attributes, all managed through vanilla HTML and CSS. No external JavaScript libraries or data sources are involved; the visualization is entirely hand-coded, relying on raw SVG primitives for its geometry and styling.

MMeghana Bangari

Fork of Hello HTML

This example shows a simple yellow circle with two smaller black circles positioned on it, creating a minimalist face-like composition. Rendered as inline SVG within an HTML page, the visualization uses basic SVG elements—circles with fill, stroke, and stroke-width attributes—to draw the shapes. The code relies on the native SVG API, embedded directly in the markup, with no JavaScript libraries or data sources involved. The page is styled with margin zeroing and hidden overflow to isolate the graphic.

NNicolás Troncoso

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

This example displays a simple yellow circle with two smaller black circles inside, forming a basic face-like graphic. The SVG is rendered directly in an HTML page with no external libraries, using only standard SVG elements like `circle` and inline CSS to control the body margins. The code defines specific coordinates and radii for each circle, positioning the pair of smaller circles as eyes within the larger one. The entire visualization is static, showing how raw SVG markup can create a minimal illustrative graphic in a web browser.

AAlex Tchaikovsky