Skip to main content
SimilarExport ZIP
100%

My Smiley

✓ Published0🌍 Public
Ddimitripunch
Last edited Nov 20, 2021
Created on Nov 20, 2021
Forked from HTML Starter

A yellow circle with a black outline forms a simple smiley face, with two smaller black circles positioned as eyes. The entire graphic is drawn using inline SVG elements within an HTML file, employing `<circle>` tags to define the face and eyes, and basic SVG attributes like `cx`, `cy`, `r`, `fill`, and `stroke`. The rendering is static, with no interactive behavior or dynamic data, and the layout is fixed at 960 by 500 pixels.

AI-generated description

My smiley assignement

MIT Licensed

Similar vizzes

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

Smiley face

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.

NNgonidzashe Mandiveyi
92% match
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
92% match
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
91% 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
91% match
Loading thumbnail…

Smiley 1

A yellow circle with a black outline occupies the center of an SVG canvas, forming a basic smiley face without facial features. The visualization uses a single SVG `circle` element with fixed `cx` and `cy` coordinates, a `r` radius of 200, and `fill` and `stroke` attributes for color and border. The page is an HTML document with inline CSS to remove margins and hide overflow, rendered entirely through static SVG markup rather than any JavaScript or charting library.

Ssenilefork
91% 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
91% 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
91% match