Skip to main content
SimilarExport ZIP
100%

smilyface 1

✓ Published0🌍 Public
Mmarouan-ben
Last edited Sep 9, 2023
Created on Sep 9, 2023
Forked from Hello HTML

A yellow circle with a black outline and two black dots forms a simple smiling face. The static SVG graphic uses basic shape primitives: a large `<circle>` for the head and two smaller circles for the eyes, all positioned absolutely within a 960 by 500 canvas. No animation or interaction is present. The data source is the inline HTML/SVG code itself, rendering directly in the browser without any external JavaScript libraries or charting frameworks.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

Smiley Face 1

A yellow circle with a black outline and two solid black circles for eyes forms a simple smiley face centered in a 960-by-500 SVG canvas. The SVG uses three `circle` elements with fixed coordinates, fill colors, and a stroke width, all defined directly in the HTML. The rendering is purely static SVG, with no external libraries or data sources. The CSS sets the body margin to zero and hides overflow, ensuring the graphic fills the viewport without scrollbars.

RRobzorMcFabulous
92% 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
92% 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
92% 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
91% 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
91% match
Loading thumbnail…

Smiley Face

A yellow circle with two smaller black circles forms a simple smiley face, centered within a 960-by-500 SVG canvas. The face itself is rendered as a primary `<circle>` element with a yellow fill and black stroke, while the eyes are separate black-filled `<circle>` elements positioned symmetrically. The example uses raw SVG markup directly in the HTML file, with no JavaScript libraries or data sources, relying solely on static circle coordinates and styling to achieve the composition. This minimal implementation demonstrates basic SVG shape and attribute usage without external dependencies.

CChristopher Cleland
91% match
Loading thumbnail…

Smiley Face

A yellow smiley face rendered as a static SVG drawing. The face consists of a large yellow circle with a black outline for the head, and two smaller solid black circles positioned as eyes on a 960×500 canvas. The code uses raw SVG elements—`circle` tags with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—placed directly in an HTML file with no JavaScript or external libraries. The rendering is entirely declarative, showing a simple data-visualization-free illustration using only inline SVG markup.

KKonstantinos Kotsiaridis
91% match