Skip to main content
SimilarExport ZIP
100%

Smiley face Part I

✓ Published1🌍 Public
RRonandLion
Last edited Aug 5, 2020
Created on Aug 3, 2020
Forked from Hello HTML

A simple SVG drawing depicts a yellow circle with a black outline, representing a face. Two smaller black circles serve as eyes, positioned symmetrically within the larger shape. The code uses the SVG markup directly within an HTML file, setting the canvas dimensions to 960 by 500 pixels and applying coordinates to place each circle. The drawing is static, with no animation or interaction, and the face appears incomplete without a mouth.

AI-generated description

Half way towards a smiley face

MIT Licensed

Similar vizzes

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

Smiley Face Part I

A static SVG drawing presents a yellow circle with a black outline, positioned at the center of a 960 by 500 canvas, alongside two smaller black circles representing eyes. The rendering uses explicit SVG `<circle>` elements with fixed coordinates and stroke properties, without any interactive or animated behavior. The composition forms the upper half of a smiley face, omitting the mouth. The code defines the face’s dimensions directly in the markup, with the eyes placed symmetrically around the center point.

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

Smiley face Part 1

A yellow circle with a black outline forms a simple smiley face on a blank SVG canvas. Two smaller unfilled circles represent the eyes, and a half-circle shape is intended for the mouth, though it does not render in standard browsers. The drawing is constructed with basic SVG shapes, including circle and an undefined half-circle element, set within a 1280 by 500 pixel viewport. The code uses no external libraries, relying solely on native SVG markup and CSS styling within an HTML page.

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

Smiley Face Part I

A single yellow circle with a thick black outline and two smaller black circles inside forms a basic smiley face. The example uses raw SVG elements—specifically `<circle>` tags—within an HTML page to compose the static graphic. The code sets the main face’s radius to 245 pixels, positions the eyes at fixed coordinates, and relies on the browser’s default black fill for the pupils. No JavaScript or external libraries, such as D3, are employed; the rendering is purely declarative SVG markup. The fixed canvas size is 960 by 500 pixels, with the face centered horizontally.

GGregS1290
94% match
Loading thumbnail…

Smiley Face Part I

A hand-drawn yellow circle with two black eye dots forms the beginnings of a smiley face, centered on a blank 960 by 500 SVG canvas. The graphic uses raw SVG elements—a main `<circle>` with a thick black stroke and two smaller filled circles—without any JavaScript libraries or data binding. The rendering is static, relying on hardcoded coordinates to position the face at the canvas center, with the eyes placed symmetrically around it. This example demonstrates basic SVG shape construction in a standalone HTML file.

MManuel Häußermann
94% match