Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Nov 1, 2023

Created on Nov 1, 2023

This example demonstrates a single SVG graphic containing a red rectangle, a yellow circle, and the text "SVG" centered within a 500px square. The code embeds these shapes directly in an HTML page using inline SVG elements with explicit pixel dimensions and fill colors. The page centers the SVG vertically and horizontally using flexbox through the global style attribute. No JavaScript or external libraries are used; the visualization relies solely on static SVG markup.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

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

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

91% match

Loading thumbnail…

Fork of Hello HTML

A yellow circle with a black outline is centered in an SVG canvas, flanked by two smaller unfilled circles to its upper left and right. The example demonstrates basic SVG shape rendering within an HTML page, using no JavaScript libraries. The rendering relies solely on inline SVG elements and CSS to position the shapes, with the page styled to remove margins and hide overflow. It serves as a minimal fork of the classic "Hello HTML" example, showcasing static vector graphics.

JJoseIGuzman

90% match

Loading thumbnail…

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

90% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple static visualization: a yellow circle with a thick black outline and a smaller black circle at its center, rendered directly in an SVG element on an HTML page. The code uses only native SVG markup within an inline `<svg>` tag, with no external libraries or JavaScript. The circles are positioned at the center of a 960×500 viewport using fixed `cx` and `cy` attributes. The rendering relies entirely on standard browser SVG support, making it a minimal demonstration of basic shape drawing without any interaction or data binding.

Aadleexavier

90% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple static SVG composition featuring two circles: a large yellow circle with a black outline and a smaller unfilled circle positioned to its left. The visualization is rendered using native SVG elements defined directly within the HTML file, with no external JavaScript libraries or data sources involved. The page uses inline styling to remove margins and hide overflow, while the SVG canvas is sized at 960 by 500 pixels, showing how basic geometric shapes can be assembled into a minimalist graphic.

JJulia Hack

90% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple static face composed of three SVG circles: a large yellow circle with a black outline for the head and two smaller black circles for eyes. The visualization is built entirely with inline SVG elements within an HTML page, using the `circle` tag with attributes for positioning, radius, fill, and stroke. It demonstrates the bare minimum structure for embedding SVG graphics directly in a webpage, with no external libraries or data sources, serving as a basic template for more complex visualizations.

Aartal23

90% match

Loading thumbnail…

Fork of Hello HTML

A single yellow circle fills an SVG canvas of 960 by 500 pixels, centered at coordinates (480, 250) with a radius of 250. The page contains only this static vector shape, rendered using inline SVG within an HTML document. The example demonstrates the most basic structure of embedding SVG directly in HTML, with no external JavaScript libraries or data sources involved. The circle’s fill is set to yellow, and the SVG element is defined with explicit width and height attributes, making it a minimal yet complete visualization of a geometric primitive.

Mmahidesign

89% match