Skip to main content
SimilarExport ZIP
100%

SvgFace

✓ Published0🌍 Public
Ffak2116@barnard.edu
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello HTML

A simple SVG face rendered as a yellow circle with black outline and two eye circles, positioned on a blank canvas. The static composition uses inline SVG elements—a `<circle>` for the head and two smaller `<circle>` elements for the eyes—directly embedded in an HTML page. The code relies on the native SVG API within the browser, with no external JavaScript libraries. The styling, including the fill color, stroke, and dimensions, is set via SVG attributes, while the page’s body margin is removed through CSS for a full-bleed appearance.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

SVG Face

A simple SVG face consists of a yellow circle centered on a light gray background, outlined with a thick black stroke. The face is drawn statically using SVG’s `circle` element with hard-coded coordinates for its center and radius, inside an inline `<svg>` tag. The body’s margin is reset, and the page is set to hide overflow to isolate the graphic. The rendering approach is pure SVG, using no JavaScript libraries or data sources; the script defines dimensions but does not influence the drawing.

DDavid Peters
88% match
Loading thumbnail…

making a face

A simple static face built with SVG primitives in an HTML page. The graphic shows a yellow circle as the head with black outlines, and two smaller filled circles as eyes, arranged symmetrically on a 960-by-500 canvas. Using inline `<circle>` elements, the code sets explicit coordinates and radii for each shape, with no interactivity or animation. The example demonstrates basic SVG markup and styling directly in HTML, with margins removed via CSS for a clean, full-viewport presentation.

Llassori3@gatech.edu
88% match
Loading thumbnail…

yellow_face_1

A large yellow circle dominates the frame, serving as a blank face, with two smaller black circles positioned as eyes. The piece is a minimalist, static SVG composition that uses basic geometric shapes to create a simple facial representation. The code directly uses the SVG `circle` element within an inline HTML document, with styling applied via CSS for the background and the yellow fill, black stroke, and thick border of the face. This example demonstrates a straightforward, non-interactive rendering approach using only native SVG and HTML.

VVanessa
88% match
Loading thumbnail…

face1

A yellow circle with a black outline forms a face against a blank background. Two smaller black circles serve as eyes, positioned symmetrically within the larger shape. The SVG is rendered directly in HTML with fixed dimensions of 960 by 500 pixels. The code uses basic SVG circle elements with explicit attributes for center coordinates, radius, and fill colors, defined inline within the markup.

NNireus79
87% match
Loading thumbnail…

face

A static SVG face rendered directly in HTML shows three circles: a large yellow head with an orange outline, and two smaller black eyes with white outlines. The code uses no JavaScript libraries or data sources, relying solely on hardcoded SVG circle elements with explicit coordinates, radii, and stroke properties. The rendering is fixed within a 960 by 550 pixel viewport, with the face positioned toward the left side of the canvas.

MMiguel A Palma
87% match
Loading thumbnail…

Face HTML

This example shows a simple, static face rendered as a yellow circle with two black eye dots on a white background. The entire graphic is defined directly in an SVG element within an HTML page, using basic SVG circle elements for the head and eyes. The page uses no external JavaScript libraries; instead, it relies on inline SVG markup and minimal CSS to set the body margin and hide overflow. The data is hand-coded in the HTML, and the rendering approach is pure SVG, with a stroke width of ten for the face’s outline.

SScott-Zeta
86% match
Loading thumbnail…

Face

This example displays a simple, static face constructed from three SVG circles on a yellow background. The face consists of a large yellow circle for the head, outlined in black, and two smaller black circles positioned as eyes. The rendering uses raw SVG elements defined directly in the HTML, with hardcoded coordinates and attributes. The visualization does not involve any data processing or interaction, serving as a basic demonstration of shape composition.

Jjameshodev
86% match
Loading thumbnail…

HTML Face

This example shows a simple face rendered as a yellow circle with two eyes using SVG elements. The code draws three circles directly in the SVG markup: a large yellow face with a black outline, and two smaller black eyes positioned symmetrically. It uses basic SVG circle elements with attributes for coordinates, radius, fill, and stroke. The page is styled with CSS to center the graphic and remove margins, while the SVG canvas is set to 960 by 500 pixels. JavaScript is present but unused, and React is listed as the framework though the standalone HTML relies solely on native SVG.

MMark Lam
86% match