Skip to main content
SimilarExport ZIP
100%

Smile face 1

✓ Published0🌍 Public
HHuyen Luu
Last edited Aug 28, 2023
Created on Aug 28, 2023
Forked from Hello HTML

This example displays a simple smiling face constructed from three SVG circles, with a large yellow circle for the head and two smaller black circles for the eyes, all set against a blank page. The rendering uses raw SVG elements and attributes, including `circle` and `stroke` properties, defined directly in the markup. The page is a minimal HTML document that embeds the SVG with a fixed width of 960 pixels and a height of 500 pixels, while the drawing logic relies solely on basic SVG shapes and styling.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Smile

This example shows a simple smiling face made of three circles: a large yellow circle for the head and two smaller black circles for the eyes, all drawn on a 960 by 500 SVG canvas. The page uses raw SVG elements within an HTML document, setting a yellow fill and black stroke for the face via inline attributes. The minimal styling hides body margins and prevents scrolling, ensuring the graphic fills the viewport without interaction or animation.

JJanet Li
93% match
Loading thumbnail…

Smile Face Part1!

This example creates a simple smiley face using SVG primitives. It shows a large yellow circle outlined in black as the head, with two smaller black circles positioned as eyes. The code uses raw SVG elements—`<circle>`—within an HTML page, specifying coordinates, radii, fill colors, and stroke properties directly in the markup. Rendering relies on the browser’s built-in SVG support, with no additional JavaScript libraries or data sources involved.

FFang-Chieh CHou
92% match
Loading thumbnail…

Smiley Face Part One

This example shows a simple smiley face made from three SVG circles: a large yellow face and two black eyes. The page uses plain SVG elements within an HTML file, with a body margin of zero and hidden overflow to present the drawing cleanly. The SVG canvas is 960 by 500 pixels, and all circles are positioned with explicit coordinates and styled with fill and stroke attributes. No JavaScript libraries or data sources are involved; the rendering relies solely on static SVG markup.

TTushar Dangayach
91% match
Loading thumbnail…

Smiley Face Part I

This example shows a simple smiley face constructed from three SVG circles: a large yellow circle for the face and two smaller black circles for the eyes. The graphic is encoded directly in the HTML file using SVG elements with attributes for position, radius, fill, and stroke. The page relies on raw SVG markup, with CSS setting body margin and overflow, and a minimal JavaScript script tag that contains no code. The rendering approach is immediate, with no external libraries or data source involved.

YYohR
91% match
Loading thumbnail…

smiley face part1

This example displays a basic smiley face constructed from three SVG circles: a large yellow face with a black outline and two smaller black circles for eyes, all positioned on a blank page. The SVG is written directly in the HTML file, using fixed pixel coordinates for each circle’s center and radius, with a yellow fill and black stroke for the main circle. The page hides any overflow and sets the svg to a width of 960 by 500 pixels. The code uses plain SVG elements via the HTML markup, with no additional JavaScript libraries or data sources.

MMansoorw
90% match
Loading thumbnail…

Smiley Face

This example displays a simple smiley face rendered as an SVG graphic. It shows a large yellow circle with a black outline as the face, and two smaller black circles positioned to represent the eyes. The illustration is created using raw SVG elements within an HTML page. The code defines the shapes using `<circle>` elements, setting the main face’s center, radius, fill, and stroke, while the eyes are positioned relatively based on the face’s center. The page uses CSS for basic layout, ensuring the SVG fits without margins or scrollbars. The rendering relies on the browser’s SVG support, with no additional JavaScript libraries.

Oooihuien
90% match
Loading thumbnail…

Smiley Face Part 1

This example presents a static SVG rendering of a smiling face, featuring a large yellow circle with a black outline for the head and two smaller filled circles for the eyes. The visualization draws its shapes declaratively using SVG elements—specifically three `<circle>` tags—directly embedded in the HTML body. The first circle defines the face with explicit fill and stroke attributes, while the latter two circles position the eyes without additional styling. The code uses plain HTML and SVG markup, with no external libraries or JavaScript, and the page is set to hide overflow. The data source is the hardcoded coordinates within the SVG viewport.

Zzhangwbhi
90% match
Loading thumbnail…

Smiley Face Part 1

This example shows a simple, static smiley face composed of three overlapping SVG circles: one large yellow circle for the face and two smaller black circles for the eyes. The face uses a yellow fill with a black stroke, while the eyes have no explicit fill, relying on the default black. Rendered directly through inline SVG elements within an HTML document, the visualization demonstrates basic vector shape composition without external libraries. The SVG canvas is set to 960 by 500 pixels, with coordinates explicitly assigned to position each circle for the intended facial layout.

NNfuu
89% match