Skip to main content
SimilarExport ZIP
100%

SMiley part 1

✓ Published0🌍 Public
Iisurisid
Last edited Jan 13, 2022
Created on Jan 13, 2022
Forked from Hello HTML

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.

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, representing a smiley face, is centered on a blank page. Two smaller black circles serve as eyes. The visualization is a static SVG graphic created using the Scalable Vector Graphics API, with the entire composition defined directly in the `index.html` file. It does not animate or respond to user input. The data is purely geometric, drawn from hard-coded circle coordinates and radii.

Uubik-valis
93% 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
92% 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
92% match
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
92% match
Loading thumbnail…

Smiley Face Part 1

This example presents a static SVG rendering of a smiling face, featuring a large yellow circle with a black outline for the head and two smaller filled circles for the eyes. The visualization draws its shapes declaratively using SVG elements—specifically three `<circle>` tags—directly embedded in the HTML body. The first circle defines the face with explicit fill and stroke attributes, while the latter two circles position the eyes without additional styling. The code uses plain HTML and SVG markup, with no external libraries or JavaScript, and the page is set to hide overflow. The data source is the hardcoded coordinates within the SVG viewport.

Zzhangwbhi
92% 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
92% 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
92% 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
91% match