Skip to main content
SimilarExport ZIP
100%

Smiley face part 1

✓ Published0🌍 Public
DDavid Kim
Last edited Apr 6, 2022
Created on Apr 6, 2022
Forked from HTML Starter

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.

AI-generated description

Halfy way towards smiley face

MIT Licensed

Similar vizzes

Loading thumbnail…

Smiley Face Part 1

A static SVG visualization depicts a yellow smiley face as a single large circle with two smaller black circles for eyes, drawn on a 960×500 canvas. The main face uses a filled circle with a thick black stroke, while the eyes are unfilled circles positioned symmetrically around the center. The code directly creates three `<circle>` elements in HTML, specifying coordinates, radii, and fill/stroke attributes. This example demonstrates basic SVG shapes and attributes without any JavaScript libraries or data sources.

ZZachary Horvath
96% match
Loading thumbnail…

Smiley face Part I

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.

RRonandLion
95% 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
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 - Part 1

A yellow circle with a thick black outline forms the face, accompanied by two smaller black circles for eyes, leaving the smile for a later part. The static SVG rendering uses plain HTML elements for the circles, with coordinates and radii set directly on the shapes. The example demonstrates basic SVG construction without any JavaScript libraries, relying on the browser's native SVG support for display.

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

Smiley Face Part I

A static SVG drawing depicts the first stage of a smiley face: a large yellow circle with a black outline, centered on a 960 by 500 canvas, and two solid black circles representing eyes. The SVG elements are created directly in HTML markup, with the circle radii and positions computed from the canvas height and center coordinates. The page also includes a small JavaScript console message, but no interactive behavior is implemented.

WWolfgang
95% 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