Lab4

100%

✓ Published0🌍 Public

Last edited May 11, 2021

Created on May 11, 2021

A yellow circle with a black outline and a black rectangle form the start of a smiley face. Two unfilled circles sit at the expected eye positions but lack fill and stroke. The SVG markup uses basic elements like `circle` and `rect` with hardcoded coordinates, and the rendering is done entirely through static SVG in an HTML file named `index.html`.

AI-generated description

Half way towards a smiley face.

MIT Licensed

Similar vizzes

Loading thumbnail…

smile

A bright yellow circle with a black outline forms the face of a smiley, while two smaller unfilled circles serve as eyes. The SVG markup defines the shapes directly, using the `circle` element with explicit `cx`, `cy`, and `r` attributes for positioning and sizing. The drawing is static, rendered entirely through SVG within an HTML page, with no interactive or animated behavior.

JJulesBaerwald

86% match

Loading thumbnail…

smiley face

A yellow circle with a black outline and two black inner circles forms a simple smiley face on a blank background. The SVG is rendered at 960 by 500 pixels, with the face centered and all shapes drawn using the `svg` namespace. The outer circle uses `cx`, `cy`, `r`, `fill`, and `stroke` attributes, while the eyes are positioned via absolute coordinates. The minimal HTML page contains no external libraries or scripts, relying solely on inline SVG elements and basic CSS to hide page margins.

EEkuremaro

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

85% match

Loading thumbnail…

Smiley Face Part 1

A single yellow circle with a black outline spans the full canvas, and two smaller black circles are positioned inside it as eyes. Rendered as a static SVG via the `index.html` markup, the piece uses explicit `circle` elements with attributes for center coordinates, radius, fill, and stroke. The example is drawn directly in the code without external data, and its title indicates this is the first step toward constructing a complete smiley face.

LLawrence Liu

85% match

Loading thumbnail…

Untitled

A yellow circle with two black eyes sits centered on an empty SVG canvas, forming the first half of a smiley face. The main face is drawn with a 250-pixel radius, using a yellow fill and black stroke, while the eyes are smaller black circles positioned symmetrically on either side of the center. The code uses raw SVG elements, including `circle` tags, with fixed coordinates and styling set directly in the HTML. No JavaScript libraries are involved; the rendering is purely static SVG output.

Aahmedoury

85% match

Loading thumbnail…

Untitled

A yellow circle with a black outline and two black eyes sits centered on a blank SVG canvas, presenting the first stage of a smiley face. The static composition uses two small black circles positioned symmetrically above the center of the large yellow face. The rendering is achieved through raw SVG elements in an HTML file, with no JavaScript or external libraries involved. The circle shapes are defined directly with `cx`, `cy`, and `r` attributes, while the stroke and fill properties are set inline.

Llinkshady

85% match

Loading thumbnail…

Smiley Face Part 1

A yellow circle with a black outline and two smaller black circles for eyes forms a simple smiley face. The SVG is rendered directly in an HTML page using the `circle` element, with the face centered at 960 by 500 pixels. The rendering relies on basic SVG shape attributes for positioning, fill, stroke, and stroke width, with no external data source or processing library involved. The page uses a minimal stylesheet to remove margins and hide overflow, and the code is self-contained within a single `index.html` file.

Sssarowar

85% match

Loading thumbnail…

SMiley Face Pt 1

A yellow circle with a black outline forms a simple smiley face, with two smaller unfilled circles positioned as eyes on a 960×500 SVG canvas. The face is centered at (480, 250) with a radius of 245, while each eye has a radius of 50. The SVG markup uses basic `<circle>` elements with `fill` and `stroke` attributes, and the page is styled to hide overflow. No JavaScript libraries are used; the visualization relies entirely on static inline SVG rendering.

Rryguy93

85% match