Skip to main content
SimilarExport ZIP
100%

Smiley I

✓ Published0🌍 Public
KKerstin
Last edited Mar 9, 2021
Created on Mar 9, 2021
Forked from Hello HTML

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`.

AI-generated description

Smiley Half Way Through

MIT Licensed

Similar vizzes

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

Smiley Face Part I

A yellow circle outlined in black occupies the center of an SVG canvas, with two smaller black circles positioned inside to suggest the eyes of a smiling face. The code uses raw SVG elements—`<circle>` tags with `cx`, `cy`, `r`, `fill`, and `stroke` attributes—rendered directly in the `index.html` file, with no JavaScript libraries involved. The simple composition relies on fixed pixel coordinates and a stroke width to define the facial features.

MMaria Ximena Camino
93% match
Loading thumbnail…

Smiley Face Part I

A yellow circular face with a black outline and two dark eyes is centered on an empty SVG canvas. The eyes are positioned asymmetrically, with the left eye offset from the vertical center. The example uses raw SVG elements—specifically three `circle` tags—with explicit `cx`, `cy`, and `r` attributes to define the shapes. The rendering is static, with no animation or interactivity. The page is contained in a single HTML file with minimal CSS to hide scrollbars, and the SVG viewport is set to 960 by 500 pixels.

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

Smiley Face I

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.

CCharlie Cao
92% match