Smile face Patt I

100%

Smile face Patt I

✓ Published0🌍 Public

Last edited Mar 10, 2021

Created on Mar 10, 2021

A smiling face composed of two black eye circles and one yellow head circle, with a black outline, sits centered on a blank page. This SVG graphic uses basic shape elements—circle tags with cx, cy, and r attributes—to define each part, and the face is rendered directly in the HTML document without external libraries. The author applies a yellow fill and black stroke to the head, while the eyes remain unfilled, creating a simple, static icon.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

89% match

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

89% match

Loading thumbnail…

Smily Face

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.

YYumin Gui

88% match

Loading thumbnail…

Smiley Face Part 1

A yellow circle with a black outline forms a smiley face against a blank page, featuring two solid black eyes positioned symmetrically on either side of the center. The SVG markup defines the face using three `<circle>` elements, with the outermost circle serving as the yellow head and the two inner circles as the eyes. The rendering relies on the HTML5 `<svg>` tag with explicit width and height attributes, while CSS sets the body margin to zero and hides overflow for a clean, full-frame display.

VVincent Nguyen

88% match

Loading thumbnail…

Smiley Face Part I

A single large yellow circle with a black outline forms the head of a smiley face, accompanied by two smaller black circles positioned as eyes. The SVG is rendered directly in the browser using inline `<circle>` elements, with attributes for coordinates, radius, fill, and stroke set manually. The example uses no JavaScript libraries, only static SVG markup. The eyes are placed symmetrically around the center, and the design leaves the mouth unfinished, as indicated by the title.

PPichit-V

88% match

Loading thumbnail…

smileyface part 1

A yellow circle with a black outline and two smaller black circles represents a smiley face, though the mouth is absent. The SVG drawing uses basic shape elements, including `<circle>` for the face and eyes, with explicit pixel coordinates for positioning. The static rendering relies on SVG attributes like `fill`, `stroke`, and `stroke-width` defined directly in the markup. No JavaScript or external libraries are used, and the page is a minimal HTML document with embedded CSS controlling the canvas size.

EErico103

88% match

Loading thumbnail…

smiley face part 1

A single yellow circle with a thick black outline forms the face of a smiley, topped by two smaller black circles as eyes. A blank space remains where a mouth would go, hinting at a later addition. The image is drawn entirely with raw SVG elements—three `<circle>` tags—within an HTML page that hides its scrollbars. No JavaScript libraries are used; the rendering relies solely on static SVG markup for this minimal, two-color composition.

MMountainHS

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

88% match