Fork of Let's Make a Face Part I

Fork of Let's Make a Face Part I

A static SVG face renders a yellow circle with black stroke as the head, plus two smaller solid-dark circles for eyes. The code manually positions these shapes using hard-coded `cx`, `cy`, `r`, `fill`, and `stroke` attributes within an inline `<svg>` element sized 960 by 500. It provides a basic, unfinished smiley-face composition, with the mouth omitted, as noted in the README. This example uses no JavaScript libraries or data sources.

KKamila

Fork of Let's Make a Face Part I

A static yellow smiley face is drawn on an SVG canvas, with two black eye circles positioned on a larger yellow circular face. The page uses raw SVG elements—`circle`, `fill`, `stroke`, and `stroke-width`—to construct the simple facial geometry, with a black outline around the face and no mouth yet. The SVG is set to 960 by 500 pixels, and the code comments indicate the coordinates are manually calculated, such as centering the face at (480, 250) with a radius of 245. This is a minimal hand-coded example without any JavaScript libraries, serving as the first part of a two-stage face-building tutorial.

Hhamdi sevketbeyoglu

Fork of Let's Make a Face Part I

A simple SVG face begins as a yellow circle with a black stroke, featuring two smaller black circles for eyes positioned symmetrically around the center. The code directly renders static shapes using SVG elements—`circle` tags for the head and eyes—within an HTML page that hides overflow. This initial step toward a smiley face uses no JavaScript libraries, relying solely on hardcoded pixel coordinates and fixed dimensions of 960 by 500. The result is a minimal, non-interactive illustration in the browser.

Llatifiss

Fork of Let's Make a Face Part I

A static SVG face composed of three circles: a large yellow head with a black outline and two smaller black eyes positioned on a light background. The code uses inline SVG elements with explicit pixel coordinates and stroke properties to define the shapes. It renders to a 960 by 500 canvas and represents a simple, non-interactive visualization of a smiley face’s basic geometry. The example is a direct HTML/SVG implementation without any JavaScript libraries.

FFernando C. Filho

Fork of Let's Make a Face Part I

This fork of a "Let's Make a Face" tutorial shows a simple smiley face built entirely from SVG shapes. A large yellow circle with a black stroke forms the head, while two smaller unfilled circles serve as the eyes. The construction relies on hard-coded pixel coordinates for the center (cx="480") and eye placements (cx="350" and cx="600") within a 960 by 500 canvas. The rendering is static SVG, using inline `<circle>` elements without any JavaScript or data-binding libraries.

Mmadroscla

Fork of Let's Make a Face Part I

A half-finished smiley face renders as three SVG circles: a large yellow head with a black stroke, plus two smaller circles for eyes. The code uses raw SVG elements inside an HTML document, with the head positioned at the center and the eyes offset horizontally. This is a static, unanimated example that demonstrates basic geometric composition and styling with SVG’s `circle` tag, setting `fill`, `stroke`, and `stroke-width` attributes directly. It is part of a tutorial series, with the README noting it is halfway toward a complete face.

Wweisbroda@rfa.org

Fork of Let's Make a Face Part I

A minimal SVG face takes shape as a static smiley, built from three circles: a large yellow head with a black stroke and two smaller black eyes. The code defines the head at the center of a 960 by 500 viewport, with eyes positioned symmetrically using hard-coded cx coordinates. Written in plain HTML and SVG, it uses no JavaScript libraries, rendering directly through the browser's SVG parser. The example is a simple fork of a tutorial, halting partway through the process before adding a mouth.

TTuka-chaka

Fork of Let's Make a Face Part I

This example shows a static partially completed smiley face drawn with SVG primitives. A large yellow circle with a black stroke forms the head, while two smaller unfilled circles represent the eyes. The code uses raw SVG elements—`<circle>` tags with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—inside an inline `<svg>` block. No JavaScript libraries are employed; the rendering is purely declarative SVG markup, positioned within a 960×500 viewport.

Jjam9501