smiley face part I

100%

smiley face part I

✓ Published0🌍 Public

Last edited Mar 8, 2021

Created on Mar 8, 2021

A static SVG face made of three black-stroked circles: a large yellow head and two small black eyes. The page uses raw HTML and SVG elements—`<circle>` with fixed `cx`, `cy`, `r`, `fill`, and `stroke` attributes—to draw the shapes, with no JavaScript or external libraries. The layout is centered via a 960-by-500 SVG canvas, and the page suppresses scrollbars with CSS `overflow:hidden`. It is a minimal, hand-coded illustration rather than a data-driven visualization.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Smileyface part 1

A minimalist SVG drawing of a yellow smiley face occupies the center of a 960-by-500 canvas, with two solid black circles serving as eyes and a large yellow circle forming the head outlined in black. The page uses raw SVG elements (`circle`) inside an inline `<svg>` tag, with no JavaScript libraries, and positions the shapes via explicit `cx`, `cy`, and `r` attributes. The body’s CSS hides scrolling, and the static composition relies solely on hardcoded coordinates for its balanced, symmetrical layout.

MManuka-prog

92% match

Loading thumbnail…

Smiley Face Part I

A static SVG drawing shows a yellow circle centered on a gray background, with two smaller unfilled circles positioned to suggest a simple smiley face. The main circle uses a black stroke and thick border, while the eye shapes lack fills or strokes. The rendering is built directly in inline HTML/SVG via the `<svg>`, `<circle>`, and `stroke`/`fill` attributes, requiring no JavaScript libraries. The page uses minimal CSS to remove body margins and hide overflow, and the source code is self-contained in a single `index.html` file.

TTegar Dimas Pradana

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

91% match

Loading thumbnail…

Smiley face part I

A static SVG smiley face spans the full canvas: a yellow circle with a black outline, two solid black circles for eyes, and no mouth. The page loads directly into a 960×500 viewport with hidden overflow. The drawing relies solely on basic SVG `<circle>` elements, with coordinates and radii set via `cx`, `cy`, `r`, plus `fill` and `stroke` attributes. No external libraries or data sources are involved; the image is hand-coded in the HTML.

BBurak Senel

91% match

Loading thumbnail…

smiley face part I

A yellow smiley face rendered with SVG circles fills a 960-by-500 canvas. The main face uses a large yellow circle with a black stroke, while two smaller circles represent the eyes; no mouth is drawn. The example demonstrates basic SVG shape creation and styling through inline attributes, with the page containing only these static elements and no interactive behavior or data binding.

JJoora Song

91% match

Loading thumbnail…

smiley face part one

A yellow smiley face drawn with three SVG circles: a large yellow circle with a black stroke forms the head, and two smaller black circles serve as eyes. The SVG elements are positioned explicitly with `cx`, `cy`, and `r` attributes within a fixed 960 by 500 viewport. The rendering uses raw SVG markup directly in HTML, with no JavaScript libraries or data sources involved. The face is incomplete, as it lacks a mouth.

VVictor Ukpe

91% match

Loading thumbnail…

smileyface part 1

A yellow circle with a black outline and two smaller black circles represents a smiley face, though the mouth is absent. The SVG drawing uses basic shape elements, including `<circle>` for the face and eyes, with explicit pixel coordinates for positioning. The static rendering relies on SVG attributes like `fill`, `stroke`, and `stroke-width` defined directly in the markup. No JavaScript or external libraries are used, and the page is a minimal HTML document with embedded CSS controlling the canvas size.

EErico103

91% match

Loading thumbnail…

Smiley Face part 1

A static SVG drawing of a smiling face uses three `<circle>` elements: a large yellow circle outlined in black for the head, and two smaller filled circles for the eyes. The face has no mouth, leaving the expression incomplete, which hints at a “part 1” of a series. The markup is written directly in `index.html`, with no JavaScript or external libraries, and relies solely on SVG attributes like `cx`, `cy`, `r`, `fill`, and `stroke` to position and style the shapes at fixed coordinates. The page sets no margins and hides overflow to frame the graphic cleanly.

AAdrienne Vermorel

91% match