Skip to main content
SimilarExport ZIP
100%

Fork of Let's Make a Face Part I

✓ Published0🌍 Public
Llizard1111
Last edited Aug 7, 2023
Created on Aug 7, 2023

This example shows a simple yellow smiley face, constructed from three SVG circles: a large yellow face with a black outline and two smaller black circles for eyes. The face is centered on a 960 by 500 canvas, with the head positioned at the midpoint and the eyes offset horizontally. Rendered directly via inline SVG elements in the index.html file, the code uses no external libraries, relying on basic shape attributes like `cx`, `cy`, `r`, and `stroke-width` to define the visual. The accompanying README notes it is only "half way towards a smiley face," as the mouth is absent.

AI-generated description

Half way towards a smiley face.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a simple yellow smiley face drawn with three SVG circles: one large circle for the head and two smaller circles for the eyes. The page uses plain SVG markup embedded directly in an HTML file, with the head circle set to a yellow fill and black stroke. The eyes are positioned absolutely without expressions, leaving the face incomplete, as described in the README as “half way towards a smiley face.” The code relies on native SVG elements and no external JavaScript libraries, with the viewport fixed at 960 by 500 pixels.

VVIVEK KUMAR
96% match
Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a minimalist yellow smiley face constructed from three SVG circles on a 960 by 500 canvas. The main face is a large yellow circle with a black stroke, positioned at the center, while two smaller black circles serve as eyes. The code uses raw SVG elements within an HTML document, with static coordinates for the circles and basic styling through inline attributes. The rendering is a simple, static vector illustration without animation or interactivity.

Jjanek206
96% match
Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a simple yellow smiley face drawn on a 960-by-500 SVG canvas. Two solid black circles serve as eyes, while the large yellow circle with a black stroke forms the head; the mouth is not yet drawn, as noted in the README. The rendering relies on raw SVG elements—`circle` with `fill` and `stroke` attributes—defined directly in the HTML, with CSS hiding scrollbars and resetting margins. The code uses no external libraries, only native SVG markup for static vector shapes.

RRayed12
96% match
Loading thumbnail…

Fork of Let's Make a Face Part I

This example partially constructs a smiley face using a yellow circle for the head and two smaller circles for the eyes, leaving the mouth unfinished. It is built with raw SVG elements—a `circle` for the face and two additional `circle` elements for the eyes, all positioned via explicit `cx` and `cy` attributes. The SVG is rendered inline within an HTML page, using a 960x500 canvas with a black stroke on the head. The code relies on standard SVG markup rather than a JavaScript library.

EEnoch Ssentumbwe
96% match
Loading thumbnail…

Fork of Let's Make a Face Part I

This example partially constructs a smiley face using a yellow circle for the head and two smaller circles for the eyes, leaving the mouth unfinished. It is built with raw SVG elements—a `circle` for the face and two additional `circle` elements for the eyes, all positioned via explicit `cx` and `cy` attributes. The SVG is rendered inline within an HTML page, using a 960x500 canvas with a black stroke on the head. The code relies on standard SVG markup rather than a JavaScript library.

EEnoch Ssentumbwe
96% match
Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a static yellow smiley face drawn with three SVG circles: one large circle for the head and two smaller circles for the eyes, all centered on a 960-by-500 canvas. The head uses a yellow fill with a black stroke, while the eyes are plain black circles. The code relies solely on raw SVG elements—`<svg>`, `<circle>`, and their attributes—without any JavaScript libraries or D3.js functions. The rendering is built directly in the HTML file, with no data source or dynamic behavior; it simply displays the face as a fixed visual composition.

Ffmparantean@yahoo.com
96% match
Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a static yellow smiley face drawn with three SVG circles: one large circle for the head and two smaller circles for the eyes, all centered on a 960-by-500 canvas. The head uses a yellow fill with a black stroke, while the eyes are plain black circles. The code relies solely on raw SVG elements—`<svg>`, `<circle>`, and their attributes—without any JavaScript libraries or D3.js functions. The rendering is built directly in the HTML file, with no data source or dynamic behavior; it simply displays the face as a fixed visual composition.

Ffmparantean@yahoo.com
96% match
Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a smiley face built from three SVG circles: a large yellow circle for the head and two smaller black circles for the eyes. The code uses raw SVG elements within an HTML `index.html` file, with the head circle styled using the `fill` and `stroke` attributes. The face is centered on a 960x500 canvas, with eye positions calculated relative to the center. The rendering approach is direct SVG markup, with no external libraries or JavaScript, and the layout is achieved through hardcoded `cx` and `cy` coordinates.

VVinh H. Le
96% match