Smileyface part 1

100%

Smileyface part 1

✓ Published0🌍 Public

Last edited Oct 18, 2021

Created on Oct 18, 2021

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

94% match

Loading thumbnail…

Smiley Face Part 1

A static SVG drawing of a smiling face appears on a yellow circle with a black outline, flanked by two smaller black circles for eyes. The code uses raw SVG elements—`circle` tags with explicit `cx`, `cy`, and `r` attributes—to construct the shape inside an inline `<svg>` container. The rendering is purely declarative, with no JavaScript libraries or data processing involved. The face is centered horizontally and vertically within a 960×500 viewport.

Ttrashmail

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

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

93% match

Loading thumbnail…

Smiley Face Part 1

A yellow circle with a black outline serves as a face, containing two smaller black circles positioned as eyes on an SVG canvas. The code uses raw SVG elements (`circle`) within an HTML document, setting fixed `cx`, `cy`, and `r` attributes to render the shapes. The rendering is static, providing a half-finished smiley face without a mouth. The example demonstrates basic SVG drawing without external libraries, using a 960 by 500 pixel canvas and hardcoded coordinates for each component.

Cconorflood96

93% match

Loading thumbnail…

Smiley Face Pt1

A simple static SVG drawing depicts a yellow smiley face outline: a large yellow circle with a black border, flanked by two smaller black circles for eyes. The face lacks a mouth, leaving it half-finished. The code uses raw SVG elements—`circle`—inside an HTML document with inline CSS, setting a 960x500 viewport. No external libraries are used; the rendering relies entirely on native SVG markup.

Jjon-pata

93% match

Loading thumbnail…

Smiley Face Part I

A static SVG smiley face spans a 960-by-500 canvas: a large yellow circle with a black outline, flanked by two smaller filled black circles for eyes. The rendering uses raw SVG elements (`<circle>`) with explicit positioning and stroke attributes, as seen in the `index.html` markup. No interaction or animation is present; the example simply demonstrates basic shape composition and coordinate placement.

Ggenesis-kim

93% match

Loading thumbnail…

Smiley face part 1

A static SVG drawing depicts a yellow circle with a black outline, two solid black circles for eyes, and no mouth. The markup uses plain SVG circle elements with explicit pixel coordinates and radius values, setting the face on a 960 by 500 canvas. The code defines the head’s radius as half the height minus half the stroke width, and centers it at the canvas midpoint. This example demonstrates basic SVG shape construction without any JavaScript libraries or interaction.

DDavid Kim

93% match