Skip to main content
SimilarExport ZIP
100%

Smily 1

✓ Published0🌍 Public
Zzzhilin
Last edited Jun 5, 2021
Created on Jun 5, 2021
Forked from Hello HTML

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

smilyface 1

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.

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

Smiley Face 1

A large yellow circle with a thick black outline forms a smiley face on an SVG canvas. Two solid black circles serve as eyes, positioned symmetrically on either side of the face’s center. The page uses raw SVG elements—`circle` with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—inside an inline `<svg>` tag, with no JavaScript or external libraries. The drawing is static, rendered directly in the HTML document with a fixed 960 by 500 pixel viewport.

TTianZhongYi
92% match
Loading thumbnail…

Smiley Face 1

A minimalist smiley face rendered as a pure SVG graphic on a yellow 960×500 canvas. The face consists of three circles: a large yellow head with a black stroke, and two smaller black circles for eyes, positioned symmetrically around the center. The code directly uses SVG elements (`<circle>`, `<svg>`) with explicit `cx`, `cy`, `r`, and `stroke-width` attributes, plus inline CSS to hide page overflow. No data or JavaScript libraries are involved; the visualization is static and hand-coded in HTML.

Ddamlacay
92% match
Loading thumbnail…

Smiley 1

A yellow circle with a black outline occupies the center of an SVG canvas, forming a basic smiley face without facial features. The visualization uses a single SVG `circle` element with fixed `cx` and `cy` coordinates, a `r` radius of 200, and `fill` and `stroke` attributes for color and border. The page is an HTML document with inline CSS to remove margins and hide overflow, rendered entirely through static SVG markup rather than any JavaScript or charting library.

Ssenilefork
92% 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
Loading thumbnail…

Smiley Face Part I

A single large yellow circle with a black outline forms a smiley face, accompanied by two smaller black circles positioned as eyes. The visualization uses static Scalable Vector Graphics (SVG) shapes rendered directly in HTML, with no external data source or interaction. The face is centered on a 960-by-500 canvas, employing basic SVG circle elements with explicit coordinates and stroke styling to achieve the simple, iconic design. The example demonstrates minimal SVG markup for constructing a recognizable graphic without additional JavaScript libraries.

KKathleen Johnston
91% match
Loading thumbnail…

Smiley p1

This example shows a simple smiley face drawn in an SVG canvas. A large yellow circle with a black outline forms the face, while two smaller filled circles create the eyes. The visualization is static, with no interaction or animation. The rendering relies on inline SVG elements—specifically the `circle` tag—and the code uses no JavaScript libraries or data sources, only basic HTML and CSS styling.

PPatLuo
91% match