Skip to main content
SimilarExport ZIP
100%

Smiley Face

✓ Published0🌍 Public
YYoHoGimmerUrCode
Last edited Mar 30, 2021
Created on Feb 28, 2021
Forked from Hello HTML

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Smiley Face

A yellow circle with a black outline forms the face, centered within an SVG canvas. Two smaller black circles positioned on the upper half serve as eyes, creating a simple smiley face icon. The page is a minimal HTML document that uses raw SVG elements—`circle` tags with `cx`, `cy`, and `r` attributes—to draw the shapes, with CSS setting the body to fill the viewport. No JavaScript or external libraries are involved; the visualization relies entirely on static SVG markup.

HHoang Dang Khanh
95% match
Loading thumbnail…

Smiley Face

A yellow circle with a black outline and two black inner circles forms a simple smiley face. The face is drawn entirely with SVG circle elements, centered within a 960 by 500 viewport, using React's JSX syntax to render the markup. The code sets explicit pixel values for the face radius, eye offset, and eye radius, and relies on ReactDOM to mount the SVG into the page.

MMaulana Adam Sahid
94% match
Loading thumbnail…

Smiley Face :)

A yellow circle with a black outline forms a simple smiley face on a plain white background. Two smaller unfilled circles serve as the eyes, placed symmetrically on either side of the face. The graphic is rendered as static SVG shapes, with circle elements positioned using explicit cx and cy coordinates within a 960 by 500 viewport. This example demonstrates basic declarative vector drawing in React, using no external visualization libraries or data sources.

Llmurugan
94% match
Loading thumbnail…

Smiley Face Pt 1

A yellow circle with a black stroke forms a simple smiley face, with two smaller black circles placed as eyes on the upper half of the face. The SVG is rendered directly in the HTML using React 17, though the current code does not yet implement the smile or any dynamic behavior. The hardcoded coordinates position the face at the center of a 960x500 viewport.

AArtem Synytsia
93% match
Loading thumbnail…

Smiley Face part 1

A static yellow smiley face rendered with three SVG circles appears on a blank white canvas. The largest circle forms the head with a yellow fill and black stroke, while two smaller black unfilled circles serve as eyes. The visualization uses raw SVG elements defined directly in the HTML, with React included as a script dependency but not actively driving the rendering. The code displays a simple, fixed geometric composition without any interactive or animated features.

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

Smiley Face

A static yellow smiley face rendered as SVG, drawn with three black-filled circles for eyes and a large yellow circle for the head, outlined with a black stroke. The example uses React 16.13.1, loaded via UMD, and relies solely on SVG primitives (circle) and inline CSS. No interactions or animations are present; fixed coordinate attributes position the elements on a 960×500 canvas.

Ffolbrich001
93% match
Loading thumbnail…

Smiley face 1

A yellow smiley face with black outlines is drawn on an SVG canvas. Two smaller black circles form the eyes, while a wide yellow circle with a thick stroke serves as the face. The page uses plain HTML, CSS, and JavaScript within a React starter template. It renders static SVG elements with explicit coordinates and attributes, demonstrating basic vector shape composition without interactive behavior or data binding.

SSoumya0305
93% match