Hellow world!!

100%

Hellow world!!

✓ Published0🌍 Public

NNishanPoudel1995

Last edited Jul 3, 2021

Created on Jul 3, 2021

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Hellow World!

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.

ZZhangirkhan1

91% match

Loading thumbnail…

Hello World

This example, titled “Hello World,” shows a minimalist smiley face constructed from three SVG circles: a large yellow face with a black stroke and two smaller black circles for eyes. The rendering uses raw SVG within an HTML document, with all elements drawn using the `<circle>` tag and positioned via `cx` and `cy` attributes. The code includes comments referencing coordinate calculations, but the visualization itself is static, with no interaction or animation. It demonstrates basic SVG shape creation and styling without any external JavaScript libraries.

Bbhakta001

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

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

83% match

Loading thumbnail…

smiley face

A single yellow circle with a thick black outline forms the face, centered on a plain SVG canvas. Two smaller black circles sit at the center of the face, creating the eyes and mouth in a simple, iconic smiley pattern. The visualization uses raw SVG elements—`circle` tags with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—rendered directly in the HTML document. No JavaScript libraries or data processing are involved; the graphic is purely static and defined entirely in markup. The page sets the body margin to zero and hides overflow for a clean, full-window presentation.

DDeepak Nautiyal

82% match

Loading thumbnail…

hello world

This example shows a simple yellow circle with two smaller black circles arranged to resemble a face. The SVG markup directly defines each shape, using fixed coordinates and radius values for the large face and the two eyes. The rendering relies on raw SVG elements within an HTML page, and the CSS sets the body margin to zero and hides overflow.

Aaymen0023

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

82% match

Loading thumbnail…

smiley face

A yellow circle with a black outline and two black inner circles forms a simple smiley face on a blank background. The SVG is rendered at 960 by 500 pixels, with the face centered and all shapes drawn using the `svg` namespace. The outer circle uses `cx`, `cy`, `r`, `fill`, and `stroke` attributes, while the eyes are positioned via absolute coordinates. The minimal HTML page contains no external libraries or scripts, relying solely on inline SVG elements and basic CSS to hide page margins.

EEkuremaro

82% match