Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Oct 9, 2021

Created on Oct 9, 2021

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

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

94% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple static SVG scene: a large yellow circle with two smaller unfilled circles positioned above it, resembling a face. The visualization is rendered entirely through inline SVG elements defined directly in the HTML markup, using the `<svg>`, `<circle>`, and `fill`, `stroke`, and `stroke-width` attributes. No JavaScript libraries or data sources are involved; the code relies solely on basic SVG drawing within an HTML page. The page’s body has hidden overflow, presenting the graphic without scrollbars.

CCbrc27

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

94% match

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

This example shows a simple static SVG scene of three circles arranged as a face, with a large yellow circle outlined in black and two smaller unfilled circles for eyes. The code uses inline SVG elements within an HTML file, setting a fixed canvas size of 960 by 500 pixels. It applies basic SVG styling through presentation attributes like `fill`, `stroke`, and `stroke-width`, with no JavaScript or external libraries involved. The rendering approach relies entirely on SVG markup, and the layout is manually positioned using explicit `cx` and `cy` coordinates.

UUdeep Bahadur Shrestha

94% match

Loading thumbnail…

Fork of Hello HTML

This example displays a static SVG scene: a yellow circle with a thick black outline, accompanied by two smaller unfilled circles positioned as eyes, all below a plain “Hello World!” heading. The page uses raw HTML and inline CSS to remove body margins and hide overflow. Rendering relies entirely on the SVG markup embedded directly in the document, with no JavaScript libraries or external data sources. The circles are drawn using basic `<circle>` elements with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes, demonstrating a minimal hand-coded data-less visualization.

RRobert Nakano

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