Skip to main content
SimilarExport ZIP
100%

Smiley face

✓ Published0🌍 Public
222521519@gm.uit.edu.vn
Last edited Jan 10, 2024
Created on Jan 10, 2024
Forked from Hello HTML

A static SVG smiley face rendered on a 960 by 500 canvas. The visualization uses two filled yellow circles for the face and eyes, with a black stroke outlining the head. The code relies on raw SVG elements, including `<svg>`, `<circle>`, and inline CSS styling, rather than a JavaScript library. The face is centered with eyes positioned symmetrically, creating a simple, abstract data-art piece.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

Smiley Face

A yellow SVG circle with two smaller black circles forms a simple smiley face on a blank canvas. The face is centered within a 960-by-500 viewport, using static SVG elements without animation or interaction. The code directly creates three `<circle>` elements—one large yellow face and two black eyes—using plain SVG markup in an HTML file. It does not rely on any JavaScript visualization libraries or data sources, as the rendering is purely declarative and hard-coded.

YYoHoGimmerUrCode
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 part1

A yellow SVG circle with a black outline forms the face, accompanied by two smaller black-rimmed circles as eyes on a 960x500 canvas. The example demonstrates static vector rendering without interaction or animation, using only raw SVG elements (`circle`) defined directly in the HTML. The face is centered at (480, 250) with a 245-pixel radius, while each eye is 50 pixels in radius, placed symmetrically. No JavaScript libraries or data sources are utilized; the visualization relies purely on SVG markup in a bare HTML page.

Aajand.eth
92% 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
92% match
Loading thumbnail…

Smiley face

A static SVG drawing depicts a yellow circle with a black outline, which serves as the face, and two smaller black circles positioned inside it as eyes, all centered on a 960 by 500 canvas. The page also includes the title "Biatch" below the graphic. The visualization is built using raw SVG elements—such as `<circle>` tags with specific `cx`, `cy`, `r`, `fill`, and `stroke` attributes—directly embedded in an HTML document, with no JavaScript libraries or data sources involved. The code relies solely on inline SVG markup and basic HTML styling to render the simple, non-interactive image.

SSunny
91% match
Loading thumbnail…

Smiley Face Part I

A single yellow circle with a black outline forms the face, while two smaller black circles serve as eyes on a plain SVG canvas. The visualization uses native SVG elements (`circle`) with attributes for positioning, radius, fill, and stroke. The layout is computed directly from the viewport dimensions, centering the face at (480, 250) with a radius of 245, and placing each eye 50 pixels in radius at offsets from the center. This is a static, hand-coded example that does not rely on any JavaScript libraries or data binding.

Aabealam
91% match