Smiley, part 1, Migusti

100%

Smiley, part 1, Migusti

✓ Published0🌍 Public

Last edited Sep 1, 2021

Created on Sep 1, 2021

A static SVG drawing shows a partial smiley face: one large yellow circle with a black outline, and two smaller unfilled circles positioned as eyes. The code uses raw SVG elements nested directly in the HTML body. The circle coordinates are manually set, with the larger shape centered at (480, 250) and a radius of 245, while the two eye circles are placed at (350, 180) and (600, 180). The rendering uses only basic SVG shapes without any JavaScript libraries or data-driven generation.

AI-generated description

Half way towards a smiley face.

MIT Licensed

Similar vizzes

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

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

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

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

90% match

Loading thumbnail…

SMiley part 1

A yellow smiling face rendered as a static SVG drawing, composed of a large outlined circle for the head and two smaller unfilled circles for the eyes. The page is a single HTML file using inline SVG elements (`circle`) with explicit pixel coordinates and styling for fill, stroke, and stroke-width. No data source or interactivity is present; the visualization is purely decorative and hand-coded.

Iisurisid

90% match

Loading thumbnail…

Smiley Face Part I

A static SVG smiley face is drawn with three circles: a large yellow outline for the face and two smaller black filled circles for the eyes. The page renders at 960 by 500 using raw SVG elements inside an HTML document, with the face centered by explicit coordinates. The code uses no JavaScript libraries or data sources; it relies solely on inline SVG circle tags and CSS to hide page scrollbars. This is the first half of a two-part demonstration, as noted in the accompanying README, leaving the mouth unfinished.

Ddarrenm95

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

90% match

Loading thumbnail…

Smiley face Part 1

This example draws a simple smiley face using raw SVG elements. It shows a large yellow circle for the head, two smaller black circles for the eyes, and the outline of a mouth shape is not yet present, leaving the face incomplete. The rendering uses static SVG `<circle>` tags within an HTML document, with dimensions fixed at 960 by 500 pixels. A JavaScript console log statement confirms the script is active, though no dynamic or interactive behavior is implemented. The data source is manual coordinates hard-coded in the markup.

AAlex Slobodyansky

90% match