Skip to main content
SimilarExport ZIP
100%

Hellow World!

✓ Published0🌍 Public
ZZhangirkhan1
Last edited Apr 6, 2022
Created on Apr 6, 2022
Forked from Hello HTML

A single yellow circle with a black outline occupies the center of an SVG canvas, with two smaller unfilled circles positioned as eyes to form a simple smiley face. The figure is drawn directly in static SVG markup using basic `<circle>` elements with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. The SVG is embedded in a minimal HTML page that hides body margins and overflow, and no JavaScript libraries or data sources are involved.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Hellow world!!

A large yellow circle with a thick black outline dominates the SVG canvas, accompanied by two smaller black-bordered circles positioned to the upper right and left. The right circle is filled solid black, while the left circle has no fill, creating a simple smiley face pattern. The rendering is achieved directly through raw SVG elements—`circle` tags with explicit `cx`, `cy`, and `r` attributes—within an inline `<svg>` block. The page uses no JavaScript or external libraries, relying solely on static SVG markup and embedded CSS to set the body margin and hide overflow.

NNishanPoudel1995
91% match
Loading thumbnail…

Hello World

A minimal SVG drawing renders a yellow circle with a black outline as the main face, featuring two smaller circles for eyes and a curved path for a smile. The artwork is created directly in an HTML file using inline SVG elements, including `<circle>` for the head and eyes and a `<path>` with a cubic Bézier curve for the mouth. The page contains no JavaScript or external libraries, relying solely on static vector markup to produce a simple "Hello World" smiley face.

Sshangguanlinqing
88% match
Loading thumbnail…

Hello HTML

This example shows a simple yellow circle with two black eyes, forming a basic smiley face on a blank white background. The SVG drawing uses two overlapping circle elements for the face and eyes, all rendered with explicit stroke and fill attributes. The code defines three separate `<circle>` tags inside a fixed 960×500 SVG viewport, with the body’s CSS removing margins and hiding overflow. No JavaScript libraries are used; the visualization relies entirely on plain HTML and SVG markup.

Iijavierja
88% match
Loading thumbnail…

Hello World

A static SVG drawing of a smiley face renders a yellow circle with two black eyes on a 960-by-500 canvas. The page uses plain HTML and inline CSS with `margin: 0` and `overflow: hidden` to remove browser chrome. Three `<circle>` elements define the face’s fill, stroke, and eye positions directly in the markup. No JavaScript libraries or data sources are involved, making this a minimal example of declarative vector graphics through the SVG API.

PPrince
87% match
Loading thumbnail…

Hello HTML

This example displays a yellow smiley face drawn as three SVG circles on a blank page. The code uses basic HTML markup and inline SVG elements, with circles positioned via explicit `cx` and `cy` coordinates. A black stroke outlines the main face, while two smaller circles form the eyes. The page includes minimal CSS to remove body margins and hide overflow, and the SVG canvas is set to 960 by 500 pixels. No external JavaScript libraries are used; the visualization relies entirely on static SVG rendering within the HTML document.

Hhan-tun
86% match
Loading thumbnail…

Hello HTML

This example displays a simple yellow circle with two smaller black circles, forming a face-like shape rendered entirely in SVG. The visualization demonstrates a bare minimum HTML page, styled with CSS to remove margins and hide overflow. Using only inline SVG elements—specifically three `<circle>` tags—the page shows how fundamental vector shapes can be composed into a recognizable graphic without any external libraries or JavaScript APIs. The smiley motif is drawn with static coordinates and fixed stroke widths, illustrating basic SVG rendering within an HTML document.

LLavish Thakkar
86% match
Loading thumbnail…

Hello HTML

A static SVG smiley face rendered directly in HTML displays a large yellow circle with two smaller black circles as eyes. The drawing uses raw SVG elements—`<circle>` tags for the face and eyes—positioned via explicit `cx` and `cy` coordinates within a 960-by-500 viewport. The face and eye circles have no fill for the eyes, while the main circle uses a yellow fill and black stroke. No JavaScript libraries or data sources are involved; the example relies solely on inline SVG markup.

Kkpmaurice
86% match
Loading thumbnail…

Hello HTML

A yellow circle with a thick black outline and two smaller black circles as eyes forms a simple smiley face. The SVG is drawn directly in HTML using basic `<circle>` elements with attributes for position, radius, fill, and stroke. The code demonstrates a bare minimum HTML page that combines inline CSS to remove default margins and JavaScript-free SVG rendering in a static 960 by 500 viewport. This example serves as a minimal introduction to embedding vector graphics in a web page without additional libraries or frameworks.

HHui Wang
86% match