Fork of Let's Make a Face Part I

Fork of Let's Make a Face Part I

A static SVG drawing of a yellow circle with two smaller black circles forms a partial smiley face, missing the mouth. The 960-by-500 pixel SVG canvas centers the face at (480, 250) with a 245-pixel radius, using hardcoded coordinates for the eyes at (350, 180) and (600, 180). The code uses only native SVG elements—`circle` and `svg`—with no JavaScript libraries, directly setting fill, stroke, and stroke-width attributes. This is an incomplete fork of an example from v3, meant as a starting point for building a full face.

WWilson

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 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 simple SVG drawing depicts a yellow face with two black-outlined eyes, rendered on a 960x500 canvas. It is a static, non-animated example, representing an early step in building a smiley face. The code uses raw SVG elements—`circle` tags with specific `cx`, `cy`, and `r` attributes—rather than a JavaScript visualization library. A linked YouTube video accompanies the example, providing additional context.

PPeter Horrack

Fork of Let's Make a Face Part I

This fork of “Let’s Make a Face Part I” shows a yellow smiley face built from three SVG circles: a large head and two smaller eyes, all centered on a light gray canvas. The code uses plain SVG elements with `circle` tags, setting attributes like `cx`, `cy`, `r`, `fill`, and `stroke` directly in the HTML. No JavaScript libraries or data sources appear; the rendering relies entirely on static SVG markup inside an `index.html` file. The face is incomplete, leaving the mouth and other details for a later part.

990561lkk

Fork of Let's Make a Face Part I

This fork of “Let's Make a Face Part I” shows the initial step toward building a smiley face, displaying a yellow circle with two smaller black circles for eyes on an SVG canvas. The code uses raw SVG elements—`circle` tags with attributes for center coordinates, radius, fill, and stroke—to draw the shapes, with the face positioned at the center of a 960×500 viewport. Comments in the HTML indicate planned calculations for eye placement and stroke width adjustments, though no interactive or data-driven behavior is present yet.

GGyromighty

Ccontact@friedaquaeckber.com

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.

Fork of Let's Make a Face Part I

This example draws a simple smiley face using SVG primitives inside an HTML page. It shows a large yellow circle with a thick black stroke as the face, alongside two smaller black circles positioned for the eyes. The code directly constructs the `<circle>` elements within a 960-by-500 SVG canvas, using explicit `cx`, `cy`, and `r` attributes to place each shape. No JavaScript libraries are used; the rendering relies solely on static SVG markup.

MMatthewNunes