Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published1🌍 Public

Last edited Feb 16, 2026

Created on Feb 16, 2026

A yellow circle with two smaller black circles arranged like a face is drawn directly on an SVG canvas. The shapes are hard-coded as literal SVG elements, using a simple `<circle>` tag for each part. The visualization demonstrates basic SVG markup within an HTML page, with the body margin removed for a clean display. The rendering relies solely on the SVG specification, not any JavaScript library, and the color palette is limited to yellow and black.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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

94% match

Loading thumbnail…

Fork of Hello HTML

A yellow circle with a black outline fills an SVG canvas, flanked by two smaller black circles positioned as eyes. The example demonstrates basic SVG shape rendering using pure HTML and inline SVG elements, with no JavaScript libraries or data sources involved. The `circle` elements are placed via hardcoded `cx` and `cy` attributes, and the page styling uses CSS to hide overflow. This is a static, code-only visualization showing how raw SVG markup can create simple graphics without any D3 or external dependencies.

Jjihyun-lee1009

94% match

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

94% match

Loading thumbnail…

Fork of Hello HTML

A yellow circle with a thick black outline and two smaller black circles represents a playful face on a plain SVG canvas. The code uses no JavaScript libraries, relying solely on inline SVG elements within an HTML page. The example demonstrates how to create a static vector graphic using basic shapes like `<circle>` and SVG attributes for positioning, sizing, fill, and stroke. The rendering approach is visible directly in the markup, with no external data source or interaction.

TTuka-chaka

94% match

Loading thumbnail…

Fork of Hello HTML

A single yellow circle on a black stroke is rendered as an SVG element within a minimal HTML page. The page uses an inline SVG tag with fixed width and height attributes, though the code contains malformed syntax (colons instead of equals signs) and an unclosed circle element. The page margins are removed via CSS to hide overflow. No JavaScript libraries or data sources are present; the visualization is purely static markup.

JJom chavara

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