Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Oct 24, 2021

Created on Oct 24, 2021

This is a simple SVG visualization depicting a yellow circle with a thick black outline and two small black circles that appear as eyes. The entire graphic is defined directly in the `index.html` file using raw SVG markup within an HTML5 document. The page uses CSS to reset the body margin and prevent scrolling, and the visualization is rendered by the browser's native SVG support without any third-party JavaScript libraries. The data is hardcoded as SVG elements rather than being loaded from an external source.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

A minimal SVG visualization renders a yellow circle with a thick black outline, accompanied by two smaller black circles positioned as eyes. The page uses raw SVG elements—`<circle>` and `<svg>`—defined directly in the HTML, with no JavaScript or external libraries. The styling is handled inline via CSS, setting the body margin to zero and hiding overflow for a clean, full-frame presentation. The code is a static, hand-coded drawing rather than a data-driven chart, serving as a basic demonstration of SVG shapes and attributes in an HTML document.

Jjonasveenhues

95% 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 yellow circle with a thick black outline fills most of an SVG canvas, flanked by two smaller black circles that serve as eyes. The page uses bare HTML and inline SVG, with a `<circle>` element specifying radius, center coordinates, fill, stroke, and stroke width. The body margin is zeroed and overflow hidden via CSS to present the graphic edge-to-edge. Rendering relies on the browser's native SVG support, requiring no external JavaScript libraries.

RRui Lopes

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

This example shows a simple yellow circle with a black outline and two solid black circles positioned inside it to resemble a face. The visualization is built as a bare minimum HTML page using an inline SVG element sized at 960 by 500 pixels. It renders the shapes directly with SVG tags such as `circle`, setting explicit coordinates, radii, fill colors, and stroke properties. The code uses no JavaScript libraries or data sources, relying entirely on static SVG markup to produce the graphic.

Hhamdi sevketbeyoglu

93% match

Loading thumbnail…

Fork of Hello HTML

A static SVG visualization displays a single yellow circle with a black outline centered on a light gray background. The page uses inline SVG markup within an HTML document, with CSS rules to remove body margins and hide overflow. The circle is drawn using the `circle` element with explicit `cx`, `cy`, and `r` attributes. This simple example demonstrates basic SVG rendering in a browser, relying on native HTML and SVG APIs rather than JavaScript libraries like D3.

CChristian Rohrer

93% match

Loading thumbnail…

Fork of Hello HTML

This visualization shows a simple SVG face composed of a large yellow circle with a black outline and two smaller black circles representing eyes. It is a static fork of the “Hello HTML” example, rendered entirely through inline SVG elements rather than JavaScript libraries. The code defines the circles directly in the HTML with explicit width, height, and coordinate attributes, using basic SVG shape elements without any data binding or interactivity.

Ttobyviz

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with two smaller black circles positioned horizontally across it, resembling a face, rendered on an SVG canvas. The visualization uses raw SVG elements—specifically `<circle>` tags—to draw the shapes directly in the HTML body, with CSS styling for layout and stroke attributes for outlines. The circle positions and radii are hardcoded, and the SVG viewport is set to 960 by 500 pixels. No external JavaScript or data libraries are used; the page relies purely on static markup and inline styling.

Ggood mite

93% match