Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Aug 29, 2021

Created on Aug 29, 2021

This example displays a simple yellow face with two black eyes, drawn as concentric circles on a plain white background. An SVG element with fixed width and height contains the shapes, using basic circle elements with fill and stroke attributes. The page is built with minimal HTML, relying on inline styles to remove margins and hide overflow. No JavaScript libraries or data sources are used; the visualization is purely static SVG markup.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

95% match

Loading thumbnail…

Fork of Hello HTML

This example draws a simple yellow face using scalable vector graphics. It shows two black eyes and a yellow circular head with a black outline, all rendered statically on a 960 by 500 pixel canvas. The page uses inline SVG elements within an HTML document, with CSS rules that remove margins and hide overflowing content. The code directly creates circles with specified center coordinates, radii, fill colors, and stroke properties, without relying on any JavaScript libraries or data sources.

CChintan Sawla

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

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

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with two smaller black circles arranged as a face, drawn directly in an SVG element on an HTML page. The code uses no external libraries, relying instead on native SVG markup to render the shapes. The main circle is positioned at the center with a black stroke, and the two eyes are placed symmetrically to either side, demonstrating basic geometric composition within a fixed 960×500 viewport.

Cchangday

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

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

Loading thumbnail…

Fork of Hello HTML

A simple SVG face built with two black eye circles and a yellow face circle on a 960-by-500 canvas. The example demonstrates basic SVG shape rendering without JavaScript libraries, using explicit circle elements for the face and eyes. The code sets the face’s fill to yellow with a black stroke and thick outline, while the eyes remain solid black. This serves as a minimal static visualization, likely intended as a starting point for adding interactive features like a smile or animation. No data or dynamic behavior is present; it is purely presentational SVG markup.

NNaveen Kasthoori

93% match