Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Aug 30, 2023

Created on Aug 30, 2023

This fork of the Hello HTML example presents a simple static SVG graphic: a large yellow circle with a black outline, accompanied by two smaller unfilled circles positioned to its left. The visualization demonstrates basic vector drawing using raw SVG elements embedded directly in an HTML file, with the circles defined by explicit `cx`, `cy`, and `r` attributes. The rendering approach is purely declarative, relying on the browser's built-in SVG support, with the page styled minimally to remove margins and hide overflow.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This fork of the Hello HTML example displays a large yellow circle with a black outline, flanked by two smaller solid black circles, all drawn inside a 960-by-500-pixel SVG canvas. The page uses inline SVG elements within a minimal HTML structure, with the body margin removed and overflow hidden to focus entirely on the graphic. The circles are positioned via explicit cx, cy, and r attributes, with the central shape using fill and stroke styling to create the visual contrast. No external libraries or JavaScript are employed; the rendering relies entirely on static SVG markup and CSS.

JJedland

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

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

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a large yellow circle with a black outline centered in an SVG canvas, paired with two duplicate smaller black circles on the left. It demonstrates basic SVG shape rendering inside a minimal HTML page, using plain SVG elements (`circle`) with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. The code relies on inline SVG markup within the HTML body, with fixed dimensions (960 by 500 pixels) and CSS styling to remove margin and hide overflow. No JavaScript libraries or data sources are involved.

Aaiperceptor

94% match

Loading thumbnail…

Fork of Hello HTML

This fork of Hello HTML renders a static yellow circle with a black outline on a blank SVG canvas. Two smaller black circles are placed symmetrically inside it, suggesting a simple face-like composition. The visualization uses raw SVG elements—`<svg>`, `<circle>`, and attributes like `cx`, `cy`, `r`, `fill`, and `stroke`—defined directly in an HTML file with no JavaScript libraries. The page sets body margins to zero and hides overflow, producing a clean, full-window display at a fixed 960 by 500 pixel size.

Kkpellas

94% match

Loading thumbnail…

Fork of Hello HTML

A simple, static SVG drawing depicts a large yellow circle with a black outline, containing two smaller unfilled circles positioned to suggest a face. The page uses raw HTML and inline CSS to remove default margins and hide overflow, with the entire graphic defined inside an `<svg>` element. The circle positions are set with explicit `cx` and `cy` coordinates, and the rendering relies entirely on standard SVG shapes, not on any JavaScript or data-driven library. The code is a minimal example of hand-coded vector graphics within a webpage.

MMaddie Black

93% match

Loading thumbnail…

Fork of Hello HTML

This example is a fork of a bare-bones HTML page, presenting a simple SVG illustration of a yellow circle with a black outline, accompanied by two smaller, unfilled circles. The visualization is rendered as an SVG element directly in the `index.html` file, with the body margin set to zero and overflow hidden for a clean, borderless display. It uses no external JavaScript libraries, relying solely on static inline SVG markup (using `<svg>`, `<circle>`) and embedded CSS to define its appearance. The graphic does not depict a data-driven dataset, instead showcasing how basic geometric shapes can be composed in a web document.

DDan Martin

93% match

Loading thumbnail…

Fork of Hello HTML

A yellow circle with two smaller black circles forms a simple face in an SVG rendered directly in the HTML. The drawing uses no external libraries, relying solely on SVG circle elements with explicit `cx`, `cy`, and `r` attributes, plus inline fills and stroke styling. A linked `style.css` adds a light gray outline and rounded corners to the `svg` canvas. The example demonstrates basic vector graphics creation and static styling without interaction or data binding.

VViệt An

93% match