Skip to main content
SimilarExport ZIP
100%

Fork of Let's Make a Face Part I

✓ Published0🌍 Public
PPaul Giese
Last edited Feb 17, 2022
Created on Feb 17, 2022

This example shows a simple yellow smiley face created with two empty eye circles and a blank mouth area, rendered as a static SVG. The code draws a large yellow circle with a black stroke for the head, then places two smaller unfilled circles as eyes at fixed coordinates. It uses inline SVG elements within an HTML document, with no JavaScript or external libraries. The page hides the body margin and overflow to display the face centered at 960 by 500 pixels.

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 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 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 creates a simple smiley face using raw SVG shapes. It shows a yellow circle for the head, two smaller black circles for eyes, and a stroke to outline the face. The code renders directly to an SVG element with hard-coded coordinates, using no external libraries or data sources. The face is static, with the author noting it is only half way towards a complete smile, as the mouth is not yet drawn. The rendering approach is straightforward SVG markup within an HTML document.

Eemelrix
96% match
Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a simple yellow smiley face drawn as three circles inside an SVG, with a black outline and two eyes positioned symmetrically around the center. The face is rendered at 960 by 500 pixels, using hard-coded coordinates rather than data-driven binding. It relies on basic SVG circle elements and inline attributes for positioning and styling, with no JavaScript libraries. The design is a static illustration, serving as a minimal starting point for a facial visualization.

AArkaporn Poonkwan
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 is a static SVG drawing of a smiley face, built directly in HTML with no external libraries. It shows a large yellow circle for the head, outlined in black, with two smaller black circles for eyes. The face is incomplete, stopping at the eyes and leaving the smile for a subsequent step. The rendering relies on SVG elements like `circle`, with fixed coordinates and stroke attributes to define the shapes.

Ccontact@friedaquaeckber.com
96% match
Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a simple yellow smiley face drawn on a blank SVG canvas, with two black eye circles positioned on a larger face circle. The face consists of three SVG `<circle>` elements: a large yellow circle with a black stroke for the head, and two smaller black circles for eyes. It uses raw SVG markup within an HTML file, with no JavaScript libraries or data sources, relying solely on explicit coordinate attributes (cx, cy, r) for placement.

Rrhona-o'neill
96% match