Skip to main content
SimilarExport ZIP
100%

Make a face-1

✓ Published0🌍 Public
AArshilAK
Last edited Apr 30, 2021
Created on Apr 29, 2021
Forked from Hello HTML

A yellow circle with a black outline forms the face, containing two smaller black-outlined circles for eyes. The SVG is rendered at 960 by 500 pixels, with all shapes positioned absolutely via `cx` and `cy` attributes. The page uses raw SVG elements—`<circle>` for both the face and eyes—inside an HTML body with minimal styling. No JavaScript libraries are used; the visualization relies entirely on static SVG markup.

AI-generated description

A bare minimum HTML page.

  1. Smiley face-1
MIT Licensed

Similar vizzes

Loading thumbnail…

Make a face

A yellow circle with a black outline fills the center of a blank SVG canvas, creating a minimalist base for a face. The example uses a single static `<circle>` element rendered via SVG, with hard-coded coordinates and styling defined directly in the HTML. It relies on no external libraries or data sources, serving as a simple demonstration of basic SVG shape drawing and CSS styling within an HTML page. The fixed width and height constrain the graphic to a 960×500 viewport.

Sshaji K
89% 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
89% match
Loading thumbnail…

Face 1

A yellow circle with two black circular eyes forms a simple, static face. The SVG canvas is 960 by 500 pixels, and the face is centered by setting the main circle's `cx` and `cy` to half of these dimensions. The code uses raw SVG elements (`circle`) and CSS to remove default page margins. The JavaScript and HTML files provide a minimal page structure, though the visualization itself requires no scripting or external libraries.

Eequiilibriumdigital
88% match
Loading thumbnail…

Making a face

This example shows a simple yellow face constructed from three SVG circles on a 960-by-500 canvas. The face’s head is drawn with a large yellow circle outlined in black, while two smaller black circles serve as eyes, positioned symmetrically around the center. The code uses plain SVG elements (circle) with attributes for radius, center coordinates, fill, and stroke, rendered directly in HTML without any JavaScript libraries or data sources. The visual result is a minimal, static illustration that demonstrates basic SVG shape composition and positioning.

SSahhimanshu7
87% 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
87% match
Loading thumbnail…

Let's Make a Face Part I

A yellow circle with a black outline forms a face, flanked by two smaller black circles that serve as eyes. The static SVG composition uses a 960 by 500 canvas, positioning the main face at center with a radius of 245 pixels and each eye at a radius of 50. The code relies on basic SVG `circle` elements with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes, all embedded directly in the `index.html` file. No dynamic data or external libraries are involved; the visualization is purely declarative markup.

Ccoobeet
87% match
Loading thumbnail…

Let's Make a Face

This example shows a simple face constructed from three SVG circles against a yellow background. The face comprises two small black circles for eyes and a larger yellow circle for the head, with a black outline defining its boundary. The visualization is created using a static SVG canvas with fixed coordinates and styling properties like fill color and stroke width, all implemented directly in the HTML markup. The code relies solely on the native SVG API within the browser, without any external libraries or interactive behavior.

Ttshardey
87% match
Loading thumbnail…

Create_A_Face_1

A simple hand-coded SVG face drawn with circular elements forms the core of this example. The primary circle, rendered in yellow with a thick black stroke, represents the head, while additional circle elements are intended for facial features. The code uses raw SVG markup within an HTML page, defining shapes with attributes like `cx`, `cy`, and `r` for positioning and radius. The rendering is static, with no JavaScript libraries or data binding involved, relying solely on SVG's native drawing capabilities to construct the visual.

Hhamburger21
87% match