Fork of Let's Make a Face Part I

Fork of Let's Make a Face Part I

This fork of “Let’s Make a Face Part I” shows a static, half-finished smiley face built from three SVG circles on a yellow background. The code draws a large outlined head and two black eyes directly in an SVG element using hard-coded coordinates and attributes like `cx`, `cy`, and `r`. It uses no JavaScript libraries, relying solely on SVG markup and CSS reset styling to render the face. A YouTube video link in the README accompanies the visual example.

KKeyan

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

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 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 static SVG face built from three circles: a large yellow head with a black outline, and two smaller black eyes. The example demonstrates basic SVG shape rendering and coordinate placement within a fixed 960 by 500 viewport, using explicit `cx`, `cy`, and `r` attributes. It is a simple, non-interactive illustration of declarative vector drawing, with no JavaScript, data binding, or animation logic present in the code.

VValverDEV

Fork of Let's Make a Face Part I

This example constructs a simple smiley face by layering three SVG circles on a yellow background. The code directly uses SVG markup, positioning the face’s head and two eyes with explicit `cx`, `cy`, and `r` attributes, while a black stroke outlines the head. It shows a static, minimal illustration without interactive behavior or data binding, relying on basic vector shapes to demonstrate geometric composition.

AAnna Fernandes

Fork of Let's Make a Face Part I

This example shows a simple face constructed from three SVG circles: a large yellow circle forms the head, and two smaller black circles represent the eyes. The rendering uses the SVG API directly, with explicit `cx`, `cy`, and `r` attributes positioned via absolute coordinates on a 960 by 500 canvas. The head's outline is styled with a yellow fill and ten-pixel black stroke. The code is a static, non-interactive drawing that forms the first step toward a smiley face, as noted in the README.

AAdarsh M

Fork of Let's Make a Face Part I

A static SVG face built with basic geometric shapes, showing a large yellow circle for the head and two smaller black circles for eyes. The code uses plain SVG elements—`circle`, `stroke`, and `fill`—positioned via hardcoded `cx` and `cy` attributes on a 960 by 500 canvas. It is a minimal, incomplete smiley face that stops short of adding a mouth, illustrating the starting point for a step-by-step tutorial. The rendering is entirely SVG-based with no JavaScript libraries or data sources involved.

WWei Wang