Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited May 14, 2021

Created on May 14, 2021

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

A minimal static SVG drawing displays a simple face: one large yellow circle with a black outline forms the head, and two smaller black circles serve as eyes. The code uses raw SVG elements within an HTML page, setting the canvas to 960 by 500 pixels with no explicit data source. The circles are positioned absolutely via `cx` and `cy` attributes, and the page’s body is styled to remove margins and hide overflow.

Mmjnaldoza

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

94% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple, static SVG face composed of a large yellow circle with a black outline and two smaller unfilled circles for eyes. The drawing is created directly with SVG elements—`<circle>` tags—embedded in an HTML page, with no JavaScript or external libraries. The page and SVG are sized at fixed dimensions, and the body margin is zeroed to eliminate surrounding space. It serves as a minimal demonstration of hand-coded vector graphics in a bare HTML structure.

MMohammed Jumail Shibily

93% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple, static face made of three SVG circles: a large yellow circle with a black outline for the head, and two smaller black circles for eyes. The code uses raw HTML and SVG within an `index.html` file, with embedded CSS to remove page margins and hide overflow. The SVG canvas is 960 by 500 pixels, and the circles are positioned absolutely via `cx`, `cy`, and `r` attributes, with no animation or interaction. It demonstrates a minimal, hand-coded vector graphic without any external JavaScript libraries or data sources.

FFar Jangtrakool

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

A simple, static SVG drawing shows a yellow circle with black outlines representing a face, including two smaller solid black circles for eyes. The visualization is a bare-bones HTML page that directly embeds SVG elements via the `<svg>` tag, using basic shape attributes like `r`, `cx`, `cy`, `fill`, and `stroke` for styling. The code demonstrates a minimal, hand-written SVG approach without any JavaScript or external libraries, relying solely on the SVG rendering built into the browser.

OObaidraj

93% match

Loading thumbnail…

Fork of Hello HTML

A single large yellow circle with a black outline dominates the canvas, accompanied by two smaller black-outlined circles positioned to its left. The SVG is drawn directly within an HTML page, utilizing raw SVG elements and CSS style rules. Built with the SVG API, the code defines shapes using `<circle>` tags with pixel-based coordinates for placement and styling, demonstrating a minimalist, hand-coded vector graphic. The static composition is a simple, direct example of basic SVG rendering within a web page.

Ppassumtornado

93% match

Loading thumbnail…

Fork of Hello HTML

A single yellow circle with a black outline sits centered on a blank SVG canvas, flanked by two smaller unfilled circles. The example demonstrates basic SVG rendering through direct HTML markup, using native `circle` elements with explicit `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width` attributes. The page loads with a zero-margin body and hidden overflow, rendering the static vector graphic without any JavaScript libraries or data sources. It is a minimal, hand-coded illustration of SVG shape creation and styling within an HTML document.

Ppkhansen

93% match