Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited May 15, 2021

Created on May 15, 2021

This fork displays a simple, static SVG composition: a large yellow circle framed by a black outline, with two smaller black-outlined circles positioned inside it to suggest a face. The code directly defines the shapes using inline `circle` elements with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes, all placed within an `svg` tag sized at 960 by 500. The rendering relies purely on native SVG, with no external libraries or JavaScript, and the page’s `body` style eliminates margins to present the artwork edge-to-edge.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

This example shows a simple, static SVG composition: a large yellow circle with a black outline and two smaller black circles, arranged to resemble a face. The code is a minimal HTML document that uses inline SVG elements to define the shapes directly, with the `circle` tag specifying center coordinates, radius, fill, and stroke properties. The page sets its body margin to zero and hides overflow, allowing the 960 by 500 pixel SVG canvas to occupy the full viewport without scrollbars. The visualization relies on plain SVG markup rather than any external JavaScript libraries or data processing.

OOleksii

93% match

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

93% match

Loading thumbnail…

Fork of Hello HTML

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.

DDiya Nair

93% match

Loading thumbnail…

Fork of Hello HTML

This fork of Hello HTML displays a simple yellow circle with two black eyes on a blank background, drawn entirely with inline SVG elements. The page uses no external JavaScript libraries, relying instead on static `<svg>` markup with `<circle>` tags to define the shapes and a `<style>` block to remove page margins and hide overflow. The rendering approach is direct SVG in the HTML document, with coordinates and radii hard-coded in the source.

SSachin Shilwal

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

92% match

Loading thumbnail…

Fork of Hello HTML

This fork of “Hello HTML” shows a single large yellow circle with a thick black border centered on a 960×500 SVG canvas. The page uses no JavaScript libraries, relying instead on plain SVG markup nested inside a minimal HTML document. A circle element defines the shape, with explicit coordinates, radius, fill, and stroke attributes controlling its appearance. The rendering approach is static vector graphics, with CSS resetting body margins and hiding overflow to present the circle as the sole visual element.

Ssayantandey.mailbox@gmail.com

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

92% match