Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Mar 16, 2021

Created on Mar 16, 2021

This example presents a static, hand-coded SVG scene of a yellow face with a black outline and two dark eyes, drawn directly in HTML without any JavaScript libraries. The code uses SVG circle elements with explicit pixel coordinates and styling attributes, including fill colors, stroke properties, and radius values, all embedded within a simple HTML page. The rendering approach is purely declarative, with no data binding or interactivity, and the layout is fixed to a 960×500 viewport. It demonstrates how raw SVG shapes can be manually composed to form a recognizable figure.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

A stylized yellow face rendered entirely with SVG primitives, using two black circles for eyes and a thick black outline for the head. The static graphic is built directly in an HTML page with inline CSS, where the body margin is removed and overflow hidden to focus the composition. The example demonstrates a minimal hand-coded SVG scene without JavaScript libraries, relying on the circle element for both the face and eyes.

TTristan François

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

This example displays a simple static SVG scene: a large yellow circle with two smaller unfilled circles positioned above it, resembling a face. The visualization is rendered entirely through inline SVG elements defined directly in the HTML markup, using the `<svg>`, `<circle>`, and `fill`, `stroke`, and `stroke-width` attributes. No JavaScript libraries or data sources are involved; the code relies solely on basic SVG drawing within an HTML page. The page’s body has hidden overflow, presenting the graphic without scrollbars.

CCbrc27

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

A static SVG face rendered from basic geometric shapes, using yellow and black strokes for the head and unfilled circles for the eyes. The example demonstrates how simple SVG elements—`<circle>` tags with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—can construct a recognizable figure without JavaScript or external libraries. The code sets a fixed viewport of 960 by 500 pixels, with the body styling hidden overflow and removing margins. It shows a minimal, non-interactive HTML page that relies solely on declarative SVG markup for its visual output.

RRyan Lopez

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple static SVG face composed of a yellow circle with two black eye circles, rendered directly in an HTML page. It uses inline SVG elements—`<circle>` tags with `fill`, `stroke`, and `stroke-width` attributes—within a fixed 960×500 viewport. The page relies on vanilla SVG and CSS, with no external JavaScript libraries or data sources. The code demonstrates basic SVG shape creation and styling, producing a minimalist, non-interactive visualization.

Mmauro

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a minimalist static scene: a large yellow circle with a black outline, accompanied by two smaller unfilled circles, arranged to suggest a face. The visualization is built entirely with inline SVG elements inside an HTML page, using no JavaScript or external libraries. The rendering approach relies on basic SVG shape tags (`circle`) with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes, all set within a fixed 960×500 viewport. The code demonstrates how pure HTML and SVG can create a simple graphic without any data-binding or interaction.

Oolirek1

93% match