Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Dec 28, 2021

Created on Dec 28, 2021

This visualization shows a simple yellow face constructed from three SVG circles on a 960 by 500 canvas. It uses `circle` elements from the embedded Scalable Vector Graphics (SVG) API within an HTML page. The largest circle forms the head with a black stroke, while two smaller circles create the eyes. The code defines the layout directly through `cx`, `cy`, and `r` attributes, and the canvas has `overflow:hidden` to clip any content. The example demonstrates basic vector shape composition without external data, relying solely on inline SVG rendering.

AI-generated description

A bare minimum HTML page.

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

94% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple, static face made of three SVG circles: a large yellow circle for the head and two smaller black circles for the eyes. The code uses raw SVG elements within an HTML page, positioning the shapes with fixed `cx` and `cy` coordinates relative to the user’s viewport. A black stroke outlines the head, and the page hides overflow to create a clean, full-window presentation. The visualization demonstrates basic SVG circle geometry and styling without any JavaScript libraries or interactivity.

AAlaa Lahmar

93% match

Loading thumbnail…

Fork of Hello HTML

This visualization uses inline SVG to draw a simple, static composition on a 960x500 canvas: a large yellow circle with a black stroke, flanked by two smaller unfilled circles positioned to resemble a face or abstract figure. The code is plain HTML with embedded CSS and SVG elements, requiring no external libraries or data sources. It demonstrates basic SVG shape rendering and styling directly within an HTML page.

MMatt Woods

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle face with two smaller black circles for eyes, drawn directly in an HTML page. The visualization uses raw SVG elements—specifically three `circle` tags—placed within an `<svg>` container sized at 960 by 500 pixels. It demonstrates basic SVG rendering without any JavaScript libraries, relying purely on static markup and inline CSS for styling. The circle positions are manually set via `cx` and `cy` attributes, with the main face using a yellow fill and black stroke. No interactivity or data binding is present.

Llucasvdr

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

This example shows a simple static SVG face made from three black and yellow circles, with no interaction or animation. The page renders a single yellow circle as the head, two smaller black circles for eyes, and a black outline drawn with a thick stroke. The visualization is built entirely with hand-written SVG elements inside an HTML file, using no external JavaScript libraries. The rendering approach is direct markup in the browser, with each circle positioned using fixed SVG coordinates (cx and cy) and sized by its radius attribute.

Ccraig harbottle

93% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple, static SVG face composed of a large yellow circle for the head and two smaller black circles for eyes, all rendered on a 960 by 500 canvas. The page uses raw SVG markup within an HTML document, setting the body to hide overflow. The code defines the shapes with explicit `cx`, `cy`, and `r` attributes and styles the head with a black stroke, demonstrating basic SVG drawing without any JavaScript libraries.

Ccoldcodebeer

92% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple static face composed of three SVG circles: a large yellow circle with a black outline for the head and two smaller black circles for eyes. The visualization is built entirely with inline SVG elements within an HTML page, using the `circle` tag with attributes for positioning, radius, fill, and stroke. It demonstrates the bare minimum structure for embedding SVG graphics directly in a webpage, with no external libraries or data sources, serving as a basic template for more complex visualizations.

Aartal23

92% match