Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Aug 28, 2021

Created on Aug 28, 2021

This example shows a simple smiley face drawn entirely in SVG, using only two black circles for eyes and a large gold circle with a black stroke for the head. The code creates the static graphic with raw SVG elements inside an HTML page, relying on the browser’s native SVG rendering rather than any JavaScript library or framework. The face is centered on a 960×500 canvas, demonstrating how basic geometric shapes and styling attributes like `fill` and `stroke` can produce a recognizable illustration without interaction or data.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example shows a simple smiley face drawn with SVG shapes: a large yellow circle for the head, and two small black circles for the eyes. The page uses plain SVG markup embedded directly in an HTML document, with no JavaScript libraries or data sources. The SVG canvas is sized at 960 by 500 pixels, and the circles are positioned using explicit `cx`, `cy`, and `r` attributes. Styling is applied through inline presentation attributes and a minimal CSS rule that removes the page margin and hides overflow.

Mmisstong

95% match

Loading thumbnail…

Fork of Hello HTML

This example presents a minimalist SVG smiley face drawn directly in an HTML page. The visualization uses basic SVG elements—a yellow circle with a black stroke for the face, and two smaller filled circles for eyes—all positioned manually within an 960x500 viewport. The code requires no external libraries or data sources, relying solely on native SVG markup embedded in the body of an HTML document. The static rendering shows how simple geometric shapes can create a recognizable figure without JavaScript or interaction.

AAbolhasan Zaman

94% match

Loading thumbnail…

Fork of Hello HTML

This example renders a simple smiley face using two SVG circles with black strokes and a yellow fill, positioned on a 400-by-400 canvas. It demonstrates basic SVG drawing with the `circle` element, setting attributes like `cx`, `cy`, `r`, `fill`, and `stroke` directly in the markup. The page includes embedded CSS for a similar styled div, though it is commented out. Purely static, it shows how hand-coded SVG can create recognizable shapes without external libraries or data sources.

UUtsav Khatu

94% match

Loading thumbnail…

Fork of Hello HTML

This example renders a simple SVG smiley face directly in an HTML page. A large yellow circle forms the head, with two smaller black circles as eyes, all drawn using basic SVG elements like `<circle>` and styled with fill and stroke attributes. The page’s body is set to hide overflow, and the SVG canvas is sized at 960 by 500 pixels. The code relies on no external libraries, using only native HTML and SVG markup to produce a static, self-contained graphic.

Mmtikat

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple static smiley face drawn entirely with SVG shapes on a yellow background. The code creates three circles using raw SVG elements inside an HTML page: a large yellow circle with a black stroke for the face, and two smaller black circles for the eyes. It uses no JavaScript libraries or data sources, relying only on inline SVG attributes like `cx`, `cy`, `r`, `fill`, and `stroke-width` to define the geometry and styling, rendered directly in the browser.

MMohammad Yousuf

94% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple fixed smiley face constructed from three SVG circles: a large yellow circle with a black outline for the head, and two smaller black circles for eyes. The page uses a minimal HTML structure with embedded CSS to remove margins and hide overflow, and the entire graphic is drawn directly in SVG markup without JavaScript libraries. It demonstrates basic SVG shape rendering and styling within a static, self-contained HTML document.

CCaroline Wärn

94% match

Loading thumbnail…

Fork of Hello HTML

This example draws a simple smiley face using raw SVG elements inside an HTML page. The visualization shows a yellow circle with a black outline, two smaller black circles with blue and black strokes for eyes, and no mouth. It does not use any JavaScript libraries or data; instead, it relies on static SVG markup rendered directly in the browser. The code is a minimal fork of a basic "Hello HTML" template, demonstrating manual coordinate placement and styling via SVG attributes and CSS.

MMissElefant

94% match

Loading thumbnail…

Fork of Hello HTML

A static SVG smiley face is drawn directly in HTML using two semantic circle elements for the eyes and one larger circle for the face outline, with no JavaScript or external libraries. The face is centered on a 960×500 viewport, using a yellow fill and black stroke, with a missing mouth. The example demonstrates hand-coded SVG primitives within a bare-bones HTML page, showing how basic shapes can compose a recognizable icon.

Ppheebini

94% match