Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Fork of Fork of Fork of Fork of Fork of Hello HTML

✓ Published0🌍 Public
Bbgarci23@nd.edu
Last edited Jan 31, 2024
Created on Jan 31, 2024

A yellow, black-outlined circle is drawn on a plain white background, accompanied by two smaller unfilled circles positioned near the upper center. The visualization depicts a simple smiley face in progress, though it lacks a mouth. The SVG rendering uses explicit coordinates and styling attributes within the markup, with the main circle centered at (480, 250) and a radius of 245, while the eye circles are placed at (350, 180) and (600, 180) with a radius of 50. The code employs raw SVG elements as inline HTML and sets the body margin to zero to fill the viewport.

AI-generated description

half way to a smilely face

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Hello HTML

A large yellow circle with a thick black outline sits centered in an SVG canvas, flanked by smaller black circles that function as eyes. The static composition resembles a simple smiley face, built entirely with raw SVG elements such as `<circle>` and attributes like `cx`, `cy`, `r`, `fill`, and `stroke`. The page uses no external libraries, relying only on inline HTML and CSS to reset margins and hide overflow, with the SVG rendered directly in the document body.

Hhexudong
91% 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
90% match
Loading thumbnail…

Fork of Hello HTML

This example displays a simple yellow circle with two smaller black circles positioned to resemble a face, though the README notes it represents only half of a smiley face. The visualization is rendered as static SVG using native `<circle>` elements within an HTML document. It uses no external JavaScript libraries, relying instead on inline SVG attributes to set coordinates, radii, fill colors, and stroke properties. The code defines a 960×500 viewport with a large central circle and two eye-like shapes offset to the left and right, demonstrating basic SVG markup without interaction or data binding.

TTestDataGuy
90% match
Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with a black outline representing a smiley face, accompanied by two empty black-outlined circles as eyes. The page uses only raw HTML and inline SVG, with no external libraries, defining the circles directly within an SVG element sized at 960 by 500 pixels. The SVG shapes are styled through CSS to remove margins and hide overflow, and the circles are positioned using explicit `cx` and `cy` coordinates with fixed `r` radius values.

Jjoooms74
90% match
Loading thumbnail…

Fork of Fork of Hello HTML

A minimal SVG smiley face is drawn on an HTML page. The face consists of three circles: a large yellow circle with a black stroke for the head, and two smaller unfilled circles for the eyes. The page uses an inline SVG element with explicit `cx`, `cy`, and `r` coordinates, styled purely through HTML and CSS. The body has no margins and hidden overflow, so the 960×500 SVG renders without scrollbars. No JavaScript or external libraries are used, only standard SVG markup within an HTML document.

JJonghwa Lee
90% 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
90% 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
90% match
Loading thumbnail…

Fork of Hello HTML

A yellow circle with a black outline and two smaller black circles forms a simple smiley face, rendered directly in SVG. The page uses no JavaScript libraries; instead, it relies on bare HTML and inline SVG elements, including three `<circle>` tags, with the main shape set to fill yellow and stroke black. The layout is hardcoded with fixed coordinates and radius values, and the body margin is removed to prevent scrolling, making the graphic fill the entire viewport.

JJaewoo Chung
90% match