Skip to main content
SimilarExport ZIP
100%

Smiley 1

✓ Published1🌍 Public
Ssenilefork
Last edited Jul 16, 2021
Created on Jul 16, 2021
Forked from Hello HTML

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.

AI-generated description

A bare minimum HTML page.

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

This example displays a single yellow circle with a black outline, centered on a blank white canvas. The visualization uses a basic SVG `<circle>` element with fixed `cx`, `cy`, and `r` attributes to create a simple smiley face base without facial features. The SVG is rendered directly in HTML with `width="960"` and `height="500"`, and the page styling removes all margins and hides overflow. No external libraries or data sources are involved; the graphic is purely static and defined inline.

AAleksandar Dimitrov
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 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 Pt 1

A yellow circle with a black outline forms a simple smiley face, with two smaller unfilled circles positioned as eyes on a 960×500 SVG canvas. The face is centered at (480, 250) with a radius of 245, while each eye has a radius of 50. The SVG markup uses basic `<circle>` elements with `fill` and `stroke` attributes, and the page is styled to hide overflow. No JavaScript libraries are used; the visualization relies entirely on static inline SVG rendering.

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

smiley face

A single yellow circle with a thick black outline forms the face, centered on a plain SVG canvas. Two smaller black circles sit at the center of the face, creating the eyes and mouth in a simple, iconic smiley pattern. The visualization uses raw SVG elements—`circle` tags with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—rendered directly in the HTML document. No JavaScript libraries or data processing are involved; the graphic is purely static and defined entirely in markup. The page sets the body margin to zero and hides overflow for a clean, full-window presentation.

DDeepak Nautiyal
93% match