Skip to main content
SimilarExport ZIP
100%

Smiley Face I

✓ Published0🌍 Public
CCharlie Cao
Last edited Apr 15, 2021
Created on Apr 15, 2021
Forked from Hello HTML

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.

AI-generated description

README

Janky off-centered smiley face for you :)

MIT Licensed

Similar vizzes

Loading thumbnail…

Smiley I

A yellow circle with a black outline spans nearly the full width of an SVG canvas, representing a face. Two smaller black circles act as eyes, positioned symmetrically across the upper half of the face. The rendering uses raw SVG elements—`circle` tags with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—within an HTML document, with no JavaScript or external libraries. The static composition is centered on a 960×500 canvas, and the page hides browser scrollbars via CSS `overflow: hidden`.

KKerstin
92% 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
92% 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
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 Part I

A single yellow circle with a black outline forms the face, while two smaller black circles serve as eyes on a plain SVG canvas. The visualization uses native SVG elements (`circle`) with attributes for positioning, radius, fill, and stroke. The layout is computed directly from the viewport dimensions, centering the face at (480, 250) with a radius of 245, and placing each eye 50 pixels in radius at offsets from the center. This is a static, hand-coded example that does not rely on any JavaScript libraries or data binding.

Aabealam
92% match
Loading thumbnail…

Smiley Face Pt 1

A yellow circle with a black outline and two smaller black circles for eyes forms a face. The SVG uses basic circle elements with explicit `cx`, `cy`, and `r` attributes. The rendering is static, with no animation or interaction. The data source is not apparent, as the code simply draws the shapes directly in the HTML document.

MMoyo442
92% match
Loading thumbnail…

Smiley #1

A yellow circle with a black outline forms the face of a smiley, accompanied by two smaller black circles for eyes. The half-finished design lacks a mouth, leaving the expression incomplete. The visualization is built entirely with static SVG elements, using `<circle>` tags positioned within a 960 by 500 pixel canvas. No JavaScript libraries or data sources are involved; the rendering relies solely on inline SVG markup and basic CSS for page layout.

Bbouldo
92% match
Loading thumbnail…

Smiley Face Pt 1

A yellow circle with a thick black outline forms the face of a smiley, while two smaller black circles serve as eyes. The example is built with a static SVG scene using standard `<circle>` elements, and the rendering approach relies on inline SVG attributes for positioning and styling. No data or interaction is present; it is a minimal demonstration of SVG shape composition in an HTML page.

JJames Sarlo
91% match