Skip to main content
SimilarExport ZIP
100%

Smiley face

✓ Published0🌍 Public
NNgonidzashe Mandiveyi
Last edited Jul 11, 2024
Created on Jul 11, 2024
Forked from HTML Starter

A static smiley face drawn as three circles in an SVG. The face consists of a large yellow circle with a black outline, centered on a 960 by 500 canvas, and two smaller solid black circles positioned as eyes using hard-coded coordinates. The rendering uses HTML inline SVG elements, with the `<circle>` tag and explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. No interaction or animation is present; it solely displays the geometric shapes.

AI-generated description

Smiley Face!!

MIT Licensed

Similar vizzes

Loading thumbnail…

Smiley Face

A yellow smiley face rendered as a static SVG drawing. The face consists of a large yellow circle with a black outline for the head, and two smaller solid black circles positioned as eyes on a 960×500 canvas. The code uses raw SVG elements—`circle` tags with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—placed directly in an HTML file with no JavaScript or external libraries. The rendering is entirely declarative, showing a simple data-visualization-free illustration using only inline SVG markup.

KKonstantinos Kotsiaridis
94% match
Loading thumbnail…

Smiley face

A static SVG smiley face rendered on a 960 by 500 canvas. The visualization uses two filled yellow circles for the face and eyes, with a black stroke outlining the head. The code relies on raw SVG elements, including `<svg>`, `<circle>`, and inline CSS styling, rather than a JavaScript library. The face is centered with eyes positioned symmetrically, creating a simple, abstract data-art piece.

222521519@gm.uit.edu.vn
93% match
Loading thumbnail…

Smiley

A yellow smiley face rendered as static SVG circles. Three circle elements define the face and two eyes on a black-outlined yellow background, all centered within a 960-by-500 viewport. The HTML page loads a linked stylesheet that removes body margins and hides overflow, while the SVG draws directly without any JavaScript libraries or data sources. The example demonstrates simple geometric composition using native SVG markup.

DDanny Stephens
93% match
Loading thumbnail…

Smiley

A yellow smiley face is drawn on a black-outlined circle, centered in an SVG canvas. It shows a simple static data visualization of a facial icon using basic geometric shapes. The image is rendered with inline SVG elements, including three `<circle>` tags for the face and eyes, with the mouth omitted. The code uses raw SVG markup directly in an HTML file, with no external libraries, and specifies dimensions of 960 by 500 pixels. The page is styled with CSS to remove margins and hide overflow.

RRassel
93% 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 1

A minimalist smiley face rendered as a pure SVG graphic on a yellow 960×500 canvas. The face consists of three circles: a large yellow head with a black stroke, and two smaller black circles for eyes, positioned symmetrically around the center. The code directly uses SVG elements (`<circle>`, `<svg>`) with explicit `cx`, `cy`, `r`, and `stroke-width` attributes, plus inline CSS to hide page overflow. No data or JavaScript libraries are involved; the visualization is static and hand-coded in HTML.

Ddamlacay
93% 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
92% 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
92% match