Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Nov 11, 2021

Created on Nov 10, 2021

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.

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

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

95% match

Loading thumbnail…

Fork of Hello HTML

This example shows a minimalist static scene: a large yellow circle with a black outline, accompanied by two smaller unfilled circles, arranged to suggest a face. The visualization is built entirely with inline SVG elements inside an HTML page, using no JavaScript or external libraries. The rendering approach relies on basic SVG shape tags (`circle`) with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes, all set within a fixed 960×500 viewport. The code demonstrates how pure HTML and SVG can create a simple graphic without any data-binding or interaction.

Oolirek1

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

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

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 a yellow circle with two smaller circles positioned on its face, one with a black stroke and one without, set against an empty background. The page uses plain HTML and inline CSS to hide the body margin and prevent scrolling, while the SVG element defines the shapes with explicit coordinates and stroke properties. The visualization relies entirely on native browser SVG rendering, with no JavaScript libraries or data sources involved, demonstrating how basic geometric primitives can be composed into a minimal visual composition.

SSarath

94% match