Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Mar 2, 2022

Created on Mar 1, 2022

This example shows a simple static composition of a large yellow circle with two black circular eyes and a small gold nose, forming a basic smiley face. The image is drawn entirely with SVG elements embedded in a minimal HTML page. The code uses the SVG `circle` element to define the shapes, specifying their center coordinates, radii, and fill or stroke colors. The page’s body is styled with CSS to remove margins and hide overflow, ensuring the SVG displays edge-to-edge. The data is hardcoded in the markup rather than loaded from an external source.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example shows a simple, static smiley face drawn with two eyes and a yellow circle on a gray background. It demonstrates the basics of embedding SVG shapes directly in an HTML document without any JavaScript or data binding. The code uses the native SVG element and its child `<circle>` tags, with attributes for position, radius, fill color, and stroke, rendered by the browser. The page is a bare-bones HTML file with no external libraries, illustrating raw SVG markup as the sole visualization technique. The black-outlined yellow circle serves as the face, while the two smaller circles act as eyes.

AAmir

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with black outline, two smaller circles acting as eyes, and a smaller circle for a mouth, forming a basic smiley face. It renders entirely using static SVG elements within an HTML page. The visualization relies on raw SVG markup directly embedded in the document, with no JavaScript or external libraries. The SVG canvas is sized to 960 by 500 pixels, and all shapes are positioned using absolute coordinates, demonstrating basic vector graphics without interactivity or data binding.

KKarma Tarap

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple static smiley face drawn entirely with SVG shapes on a yellow background. The code creates three circles using raw SVG elements inside an HTML page: a large yellow circle with a black stroke for the face, and two smaller black circles for the eyes. It uses no JavaScript libraries or data sources, relying only on inline SVG attributes like `cx`, `cy`, `r`, `fill`, and `stroke-width` to define the geometry and styling, rendered directly in the browser.

MMohammad Yousuf

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a static smiley face drawn as a yellow circle with two black eyes, rendered entirely in SVG. The code uses plain SVG elements—a large `<circle>` with a thick black stroke and two smaller filled circles—placed inside an HTML page. No JavaScript libraries or data sources are involved; the rendering approach is direct SVG markup with inline CSS to remove page margins and hide overflow. The result is a minimal, self-contained fork of the “Hello HTML” template.

KKoleNichols

94% match

Loading thumbnail…

Fork of Hello HTML

A yellow circle with two smaller black circles forms a simple smiley-face composition on a 600-by-600 SVG canvas. The source is a fork of an example titled “Hello HTML,” rendered entirely with hand-written SVG elements rather than JavaScript libraries. The code defines the large circle with a 200-pixel radius at center coordinates (300, 300), setting a yellow fill and black stroke, while the two eyes are positioned at (200, 250) and (350, 250) with a 30-pixel radius. No interaction, animation, or data binding is present; the example demonstrates static SVG markup inside an HTML document.

Ccotefon

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with two black eyes, forming a smiley-face-like figure, rendered directly in an SVG element. The code uses inline SVG markup with basic circle elements, adjusting the x-coordinates of the eye circles relative to the center to create symmetry. No JavaScript libraries or data sources are involved; the static graphic is entirely defined by HTML and CSS, with the SVG canvas set to 960 by 500 pixels. The rendering approach relies solely on native SVG attributes such as `fill`, `stroke`, and `stroke-width`.

GGAItingw

94% match

Loading thumbnail…

Fork of Hello HTML

A static SVG smiley face rendered with two large circles for eyes and a yellow head, drawn entirely in HTML with no JavaScript. The code uses raw SVG elements—`<circle>` tags with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—to position a 960×500 canvas. It demonstrates basic geometric composition, centering the face via fixed coordinates rather than any layout or data-binding library. The example is a simple markup exercise, illustrating how SVG shapes can be combined without D3 or other visualization tools.

HHoaiLe

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple smiley face drawn as three circles on a yellow background, created entirely with raw SVG elements inside an HTML page. The graphic is static and consists of two black circles for eyes and a large yellow circle with a black outline for the head. The code uses the standard SVG `<circle>` element with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes, and it is embedded directly in the HTML body without any external libraries or data sources.

CCourtney Steichen

94% match