Skip to main content
SimilarExport ZIP
100%

emoji face

✓ Published0🌍 Public
MMONNNA-ARCH
Last edited Jan 10, 2021
Created on Jan 10, 2021
Forked from Hello HTML

A yellow circle with a black outline forms the base of an emoji face, centered on a plain white canvas. Two smaller black circles serve as eyes, positioned symmetrically on either side of the face’s vertical axis. The SVG is defined directly in the HTML file, using standard SVG elements like `circle` with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes, rendered at a fixed 960 by 500 pixel viewport. No interactive or animated behavior is present.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Emoji

This example shows a simple smiling face made entirely of SVG shapes, with a yellow circular head and two black eyes rendered on a plain white background. The code uses vanilla JavaScript and CSS within an HTML page to generate the illustration. It relies on basic SVG elements like `circle` and `svg` viewBox, with inline styling for dimensions and stroke properties. The data source is static, consisting of hardcoded coordinates and radii for each circle, and the rendering approach is direct SVG markup without any external libraries or frameworks.

OOpe Kareem
85% match
Loading thumbnail…

Hello HTML

This example shows a simple emoji-like face drawn as a yellow circle with two smaller black circles for eyes, all inside an SVG canvas of 960 by 500 pixels. The circle elements are defined directly in the HTML file using SVG markup. The page is styled with a zero margin and hidden overflow to present the graphic without scrolling. The visualization relies solely on inline SVG and CSS, with no JavaScript or data libraries, and is rendered in the browser as a vector graphic. The included YouTube video demonstrates how the source code was built.

Ootis
85% match
Loading thumbnail…

smiley face

A yellow circle with a black outline and two black inner circles forms a simple smiley face on a blank background. The SVG is rendered at 960 by 500 pixels, with the face centered and all shapes drawn using the `svg` namespace. The outer circle uses `cx`, `cy`, `r`, `fill`, and `stroke` attributes, while the eyes are positioned via absolute coordinates. The minimal HTML page contains no external libraries or scripts, relying solely on inline SVG elements and basic CSS to hide page margins.

EEkuremaro
84% 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
83% 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
83% match
Loading thumbnail…

smileyface part 1

A yellow circle with a black outline and two smaller black circles represents a smiley face, though the mouth is absent. The SVG drawing uses basic shape elements, including `<circle>` for the face and eyes, with explicit pixel coordinates for positioning. The static rendering relies on SVG attributes like `fill`, `stroke`, and `stroke-width` defined directly in the markup. No JavaScript or external libraries are used, and the page is a minimal HTML document with embedded CSS controlling the canvas size.

EErico103
83% match
Loading thumbnail…

Face emoji

This example renders a simple smiley face emoji using scalable vector graphics (SVG) with React’s JSX syntax. It draws a yellow circle with a black outline for the face, and two smaller black circles for the eyes, all positioned using computed constants for the center point, eye offsets, and radii. The SVG element’s width and height are set to fixed dimensions, and the body’s margin is removed with CSS to eliminate page scrollbars. The code uses React’s `ReactDOM.render` to mount the component into the DOM.

BBaji-2000
82% match
Loading thumbnail…

Smiley Face

A yellow circle with a black outline forms the face, and two smaller black circles serve as eyes. The SVG is drawn directly in HTML using `<circle>` elements, with no interactive behavior. The example demonstrates basic static shapes and styling in a simple 960 by 500 viewBox.

Ddanrungg
82% match