Skip to main content
SimilarExport ZIP
100%

Smiley Face 1

✓ Published0🌍 Public
TTianZhongYi
Last edited Nov 6, 2022
Created on Nov 6, 2022
Forked from Hello HTML

A large yellow circle with a thick black outline forms a smiley face on an SVG canvas. Two solid black circles serve as eyes, positioned symmetrically on either side of the face’s center. The page uses raw SVG elements—`circle` with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—inside an inline `<svg>` tag, with no JavaScript or external libraries. The drawing is static, rendered directly in the HTML document with a fixed 960 by 500 pixel viewport.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Smiley Face Pt. 1

A yellow circle with a black outline forms a smiley face on an SVG canvas. Two smaller black circles serve as eyes, positioned symmetrically within the larger shape. The drawing uses basic SVG elements, specifically the `<circle>` tag, with `cx` and `cy` attributes for coordinates, `r` for radius, and `fill`/`stroke` for styling. The page is a minimal HTML document with hidden overflow, and the SVG is rendered directly in the browser, with no external data source or JavaScript libraries involved.

Kkevinwliao
94% match
Loading thumbnail…

Smiley Face 1

A yellow circle with a black outline and two solid black circles for eyes forms a simple smiley face centered in a 960-by-500 SVG canvas. The SVG uses three `circle` elements with fixed coordinates, fill colors, and a stroke width, all defined directly in the HTML. The rendering is purely static SVG, with no external libraries or data sources. The CSS sets the body margin to zero and hides overflow, ensuring the graphic fills the viewport without scrollbars.

RRobzorMcFabulous
93% match
Loading thumbnail…

Smiley Face Part 1

A yellow circle with a black outline forms the face of a smiley, and two smaller black circles represent the eyes. The face is centered within a 960 by 500 pixel SVG canvas, with the head’s radius calculated to fit within the canvas height and stroke width. The composition is static and minimal, using only three SVG `<circle>` elements with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. The markup is authored directly in `index.html`, with no external libraries or JavaScript beyond the SVG rendering.

AAl Wonder
93% match
Loading thumbnail…

Smiley face Part I

A yellow circle with a black outline and two smaller black circles forms the beginning of a smiley face. The larger circle is centered on an SVG canvas, while the two eye circles are positioned symmetrically on either side of the center. The example uses raw SVG elements—`circle` with `cx`, `cy`, `r`, `fill`, and `stroke-width` attributes—directly in the HTML, with a fixed viewport of 960 by 500 pixels. No JavaScript libraries or data sources are involved; the rendering is purely static SVG markup.

PPakapone Supavarn
93% match
Loading thumbnail…

Smiley Face Part 1

A yellow circle with a black outline and two smaller black circles for eyes forms a simple smiley face on an SVG canvas. The main circle is centered at 480, 250 with a radius of 245, while the eyes are placed at 350, 200 and 610, 200 with a radius of 50 each. The visualization uses raw SVG elements—`circle` tags—with fill, stroke, and stroke-width attributes to define the shapes. No JavaScript libraries are employed; the markup is directly embedded in an HTML page with no interactive or animated behavior.

FFlore
93% match
Loading thumbnail…

SmileyFace1

A yellow circle with a thick black outline forms the face of a smiley, centered on a blank SVG canvas. Two smaller black circles serve as eyes, positioned symmetrically on either side of the face's vertical center. The visualization is rendered entirely through static SVG elements defined in inline HTML, using no external libraries or JavaScript. The code specifies the canvas dimensions as 960 by 500 pixels and sets each circle's position and radius explicitly via the `circle` element's `cx`, `cy`, and `r` attributes.

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

Smily 1

A simple static SVG smiley face displays a large yellow circle with a black outline, flanked by two smaller black circles for eyes. The page renders the graphic without animation or interaction, using only Scalable Vector Graphics elements (circle) defined directly in the HTML file. The SVG canvas is sized at 960 by 500 pixels, with the face centered and positioned via explicit cx and cy coordinates. No JavaScript libraries or external data sources are involved; the visualization relies purely on native SVG markup.

Zzzhilin
92% match