Smilly face

100%

✓ Published0🌍 Public

Last edited Nov 22, 2021

Created on Nov 22, 2021

A yellow circle with a black outline forms a smiley face on an empty page, rendered as a static SVG graphic. Two smaller black circles serve as eyes, positioned on the left and right sides of the yellow face. The visualization uses inline SVG elements, including `<circle>` tags with explicit `cx`, `cy`, and `r` attributes, and the page is styled with CSS that removes the body margin. The HTML file, `index.html`, contains only this simple vector drawing.

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

91% match

Loading thumbnail…

Smily Face

A yellow circle with a black outline serves as a smiling face, with two smaller black circles positioned as eyes on a white background. The SVG is rendered at 960 by 500 pixels, with the face centered and the eyes placed symmetrically using explicit coordinate values. The markup uses basic SVG elements—`circle` for the face and eyes—with CSS styling for body margins and overflow. No interactivity or animation is present; the visualization is a static, minimal example of geometric shape composition.

YYumin Gui

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

A yellow smiley face is drawn on a black-outlined circle, centered in an SVG canvas. It shows a simple static data visualization of a facial icon using basic geometric shapes. The image is rendered with inline SVG elements, including three `<circle>` tags for the face and eyes, with the mouth omitted. The code uses raw SVG markup directly in an HTML file, with no external libraries, and specifies dimensions of 960 by 500 pixels. The page is styled with CSS to remove margins and hide overflow.

RRassel

90% match

Loading thumbnail…

Smily 1

A simple static SVG smiley face displays a large yellow circle with a black outline, flanked by two smaller black circles for eyes. The page renders the graphic without animation or interaction, using only Scalable Vector Graphics elements (circle) defined directly in the HTML file. The SVG canvas is sized at 960 by 500 pixels, with the face centered and positioned via explicit cx and cy coordinates. No JavaScript libraries or external data sources are involved; the visualization relies purely on native SVG markup.

Zzzhilin

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

90% match

Loading thumbnail…

Smiley face HTML

A yellow circle with two black eyes forms a simple smiley face on a blank page. The face is drawn entirely with SVG primitives, using a large `circle` element with a yellow fill and black stroke for the head, and two smaller black `circle` elements for the eyes. The inline SVG is embedded directly in a minimal HTML document, with body margins removed via CSS to create a clean, full-window display. No additional libraries or data sources are used; the visualization is purely declarative SVG markup.

RRashidi

90% match

Loading thumbnail…

smiley face

A single yellow circle with a thick black outline forms the face, centered on a plain SVG canvas. Two smaller black circles sit at the center of the face, creating the eyes and mouth in a simple, iconic smiley pattern. The visualization uses raw SVG elements—`circle` tags with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—rendered directly in the HTML document. No JavaScript libraries or data processing are involved; the graphic is purely static and defined entirely in markup. The page sets the body margin to zero and hides overflow for a clean, full-window presentation.

DDeepak Nautiyal

90% match