Skip to main content
SimilarExport ZIP
100%

Hello World

✓ Published0🌍 Public
PPrince
Last edited Nov 11, 2021
Created on Nov 11, 2021
Forked from Hello HTML

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

Hello HTML

This example shows a simple smiley face drawn as three SVG circles: a large yellow head with a black outline and two smaller black eyes. It is a minimal HTML page that demonstrates basic vector graphics without any external libraries or data sources. The rendering relies entirely on the browser’s native SVG support, with circles positioned using explicit `cx`, `cy`, and `r` attributes inside a fixed 960×500 viewport. The page uses inline CSS to remove margins and hide overflow, keeping the graphic centered and unobstructed.

Ppanpapap
90% match
Loading thumbnail…

Hello HTML

This example shows a simple static smiley face composed of three SVG circles: a large yellow head with a black outline and two smaller black eyes. The circles are positioned using hard-coded coordinates in an HTML page, with the SVG canvas sized at 960 by 500 pixels. While the title hints at a future mouth, the current version only renders the head and eyes. The rendering relies on native SVG elements and CSS for styling, with no JavaScript libraries or data sources involved.

Ssstubbins
90% match
Loading thumbnail…

Hello HTML

A bare-bones HTML page renders a static yellow smiley face using inline SVG elements. The example demonstrates basic SVG primitives: circles for the face and eyes, red fill circles for pupils, an ellipse for the mouth, and rectangles for the nose and teeth. All shapes are drawn directly in the SVG markup with explicit coordinates and stroke attributes, requiring no external libraries or JavaScript. The result is a simple, self-contained illustration of SVG's vector-drawing capabilities.

MMichal Kollar
90% match
Loading thumbnail…

Hello HTML

A bare-bones HTML page renders a static yellow smiley face using inline SVG elements. The example demonstrates basic SVG primitives: circles for the face and eyes, red fill circles for pupils, an ellipse for the mouth, and rectangles for the nose and teeth. All shapes are drawn directly in the SVG markup with explicit coordinates and stroke attributes, requiring no external libraries or JavaScript. The result is a simple, self-contained illustration of SVG's vector-drawing capabilities.

MMichal Kollar
90% 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
90% match