Skip to main content
SimilarExport ZIP
100%

Smily Face

✓ Published0🌍 Public
YYumin Gui
Last edited Apr 20, 2022
Created on Apr 20, 2022
Forked from Hello HTML

A yellow circle with a black outline serves as a smiling face, with two smaller black circles positioned as eyes on a white background. The SVG is rendered at 960 by 500 pixels, with the face centered and the eyes placed symmetrically using explicit coordinate values. The markup uses basic SVG elements—`circle` for the face and eyes—with CSS styling for body margins and overflow. No interactivity or animation is present; the visualization is a static, minimal example of geometric shape composition.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Smiley Face

A yellow circle with a black outline forms a smiling face on a blank white canvas. Two smaller black-outlined circles serve as eyes, positioned symmetrically on either side of the face’s center. The static SVG drawing uses simple geometric primitives—`<circle>` elements with fixed coordinates and stroke attributes—to create the illustration. No interactive features or dynamic behavior are present; the rendering relies entirely on declarative SVG markup within an HTML page.

SShankar Ghimire
93% match
Loading thumbnail…

Smiley Face

A yellow circle with two smaller black circles forms a simple smiley face, centered within a 960-by-500 SVG canvas. The face itself is rendered as a primary `<circle>` element with a yellow fill and black stroke, while the eyes are separate black-filled `<circle>` elements positioned symmetrically. The example uses raw SVG markup directly in the HTML file, with no JavaScript libraries or data sources, relying solely on static circle coordinates and styling to achieve the composition. This minimal implementation demonstrates basic SVG shape and attribute usage without external dependencies.

CChristopher Cleland
93% match
Loading thumbnail…

Smiley Face

A yellow circle with a black outline forms the face, and two smaller black circles serve as eyes. The SVG is drawn directly in HTML using `<circle>` elements, with no interactive behavior. The example demonstrates basic static shapes and styling in a simple 960 by 500 viewBox.

Ddanrungg
93% match
Loading thumbnail…

Smiling Face

A yellow circle with a black outline forms the face, and two smaller black circles serve as the eyes. The example demonstrates a static smiling face without a mouth, created using basic SVG shapes within an HTML page. It uses the SVG `<circle>` element to draw the head and eyes, with inline styling for colors and stroke width. The rendering relies on SVG's declarative syntax, and the page has a hidden overflow and zero margin for a clean display.

GGeolffrey S Mena
92% match
Loading thumbnail…

SMiley Face Pt 1

A yellow circle with a black outline forms a simple smiley face, with two smaller unfilled circles positioned as eyes on a 960×500 SVG canvas. The face is centered at (480, 250) with a radius of 245, while each eye has a radius of 50. The SVG markup uses basic `<circle>` elements with `fill` and `stroke` attributes, and the page is styled to hide overflow. No JavaScript libraries are used; the visualization relies entirely on static inline SVG rendering.

Rryguy93
92% match
Loading thumbnail…

Smiley Face I

A yellow circle with a black outline forms the face of a janky, off-centered smiley. Two smaller black circles serve as eyes, positioned asymmetrically. The SVG markup defines all shapes using basic `<circle>` elements. The visualization is rendered inline within an HTML document and uses no additional JavaScript libraries.

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

SmileyFace

A yellow circle with a black outline forms the face, and two smaller black circles represent the eyes. The example demonstrates basic SVG shape creation using explicit `<circle>` elements within an `<svg>` container. The code sets the canvas dimensions to 960 by 500 pixels and uses inline SVG attributes for positioning, sizing, fill colors, and stroke properties. No JavaScript or external libraries are used; the visualization relies entirely on static SVG markup to render the simple smiley face composition.

Nngp001
92% match