Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Nov 4, 2021

Created on Nov 4, 2021

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Hello HTML

A yellow smiley face rendered in SVG fills a 960-by-500 canvas, with two black eye circles positioned symmetrically across a large yellow circle outlined by a thick black stroke. The drawing uses only static SVG elements—a main `<circle>` for the head and two smaller `<circle>`s for the eyes—with no interactive behavior or animation. The HTML document sets the body margin to zero and hides overflow, while the SVG’s coordinates and radius values are manually coded, without relying on JavaScript libraries or data-driven visualization APIs. The rendering approach is plain declarative markup.

Ccrajy030@mymail.unisa.edu.au

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

95% match

Loading thumbnail…

Fork of Hello HTML

A large yellow circle with a black outline forms the base of a smiley face, centered on a 960 by 500 SVG canvas. Two smaller black circles serve as eyes, positioned symmetrically around the horizontal center. The page uses plain HTML and inline SVG elements—specifically the `circle` tag—to draw the shapes, with the CSS rule `overflow: hidden` on the body preventing scrollbars. No JavaScript libraries are involved; the rendering is entirely static SVG.

Ccrajy030@mymail.unisa.edu.au

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

95% match

Loading thumbnail…

Fork of Hello HTML

This fork of the Hello HTML example draws a simple yellow smiley face directly in SVG using basic circle elements. The face is constructed from a large yellow circle with a black outline, representing the head, and two smaller uncolored circles positioned as the eyes, using absolute pixel coordinates on a 950 by 500 canvas. The HTML file defines the SVG container and uses inline styling to remove page margins. The rendering relies on the native SVG API, with no data source or external visualization libraries involved.

KKittRang

95% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple, static smiley face created with two overlapping yellow and black circles for the head and eyes, rendered as vector graphics. The entire visualization is defined within an inline SVG element inside an HTML page. The code uses basic SVG shapes, specifically `<circle>` elements, positioned on a 960 by 500 canvas. It is a fork of a "Hello HTML" template and does not utilize any JavaScript libraries, relying instead on the intrinsic capabilities of SVG and HTML.

IIamHenintsoa

95% match

Loading thumbnail…

Fork of Hello HTML

A yellow smiley face rendered as a static SVG drawing, featuring a large outlined circle for the head and two smaller unfilled circles for eyes. The SVG is defined directly in the HTML markup with hardcoded coordinates and dimensions, using no JavaScript libraries or data sources. The face is centered at a fixed position on a 960 by 500 canvas, with a thick black stroke and solid yellow fill for the head. The rendering relies solely on native SVG circle elements with explicit attributes for radius, position, and styling.

SShiryaW

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