Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Mar 1, 2021

Created on Mar 1, 2021

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

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

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

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 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 yellow circle with a black outline and two smaller black circles, rendered as static SVG shapes on an empty HTML page. The code uses plain SVG elements within an `index.html` file, setting the page margin to zero and hiding overflow via CSS. No data is loaded or manipulated; the visualization relies solely on hand-coded coordinates for positioning, demonstrating basic SVG drawing without JavaScript libraries or interactive behavior.

Hharshita1225

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

93% match

Loading thumbnail…

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

93% match