Fork of Let's Make a Face Part I

Fork of Let's Make a Face Part I

A static SVG face built from three circles: one large yellow circle with a black stroke forms the head, while two smaller black circles serve as eyes. The example demonstrates a minimal hand-coded approach using inline SVG elements—circle coordinates are explicitly positioned with `cx`, `cy`, and `r` attributes, and the rendering relies solely on the browser’s SVG support. No JavaScript libraries are involved, and the data is hardcoded directly in the HTML markup. The result is a simple, non-interactive illustration of basic geometric composition.

MMaher Ali Rusho

Fork of Let's Make a Face Part I complete

A static SVG face built from basic geometric shapes uses three circles to form a yellow head and two black eyes on a 960 by 500 canvas. The code sets the face’s position and size through explicit `cx`, `cy`, and `r` attributes, with the head’s stroke width calculated to align its edge precisely. This example demonstrates foundational SVG markup for constructing simple illustrations without any JavaScript libraries or data binding.

MMuhammed AbuOdeh

Fork of Let's Make a Face Part I

A static SVG face made of three circles: a large yellow head with a black stroke, and two smaller black eyes positioned symmetrically. The code uses inline SVG elements within an HTML document, with circle coordinates computed relative to the center. It is a simple SVG rendering with no JavaScript or data binding, demonstrating basic geometric composition in a fixed 960 by 500 viewport.

Aanakomissaroff

Fork of Let's Make a Face Part I

A simple SVG face made of three circles sits centered on a yellow background. The code draws a large yellow circle with a black stroke for the head, then places two smaller black circles as eyes at fixed coordinates. This example uses raw SVG elements—`circle` tags with explicit `cx`, `cy`, `r`, and `fill` attributes—without any JavaScript libraries or data binding. The rendering is static, with all geometry hardcoded in the HTML, and the page hides scrollbars via CSS.

Ttssytrack

Fork of Let's Make a Face Part I

A static SVG face is drawn on a yellow circle with two black eye circles, leaving the mouth unfinished as a work-in-progress example. The code uses plain HTML and SVG elements, including `<circle>` tags with fixed `cx`, `cy`, `r`, and `stroke` attributes, within a 960×500 viewport. It demonstrates basic vector shape composition without any JavaScript libraries or animation, rendering directly through the browser’s SVG support.

Ttvhorn

Fork of Let's Make a Face Part I

A static SVG face built entirely from primitive shapes: a yellow circle for the head and two smaller circles for the eyes. The HTML and SVG markup define the drawing directly, with no JavaScript or external libraries. The face is centered on a 960×500 canvas, using explicit `cx` and `cy` coordinates alongside fixed `r` radii and a thick black stroke for the outline. The example demonstrates a minimal, hand-coded approach to vector graphics, showing how simple geometric elements combine to create a recognizable illustration.

AAndreas Scharmüller

Llukas.guenter@stud.plus.ac.at

Fork of Let's Make a Face Part I

A static SVG face with a yellow circular head, black outline, and two dark eyes sits centered on a 960 by 500 canvas. The example uses plain inline SVG elements—`circle` tags with explicit `cx`, `cy`, and `r` attributes—to construct the basic facial features, leaving the mouth unfinished. It demonstrates fundamental SVG coordinate placement and styling, with the head positioned at the center and eyes offset horizontally, as noted in the code comments. The rendering is entirely declarative, with no JavaScript interaction or data binding.

Fork of Let's Make a Face Part I

A single static SVG face is drawn from three circles: a wide yellow head with a black outline and two dark eyes positioned symmetrically on either side of the center. The markup in `index.html` directly sets each circle’s `cx`, `cy`, `r`, `fill`, and `stroke` attributes inside an inline `<svg>` element with a fixed 960×500 viewport. The code includes commented calculations for centering and eye offsets, but no JavaScript or animation is present, so the result is a simple, non-interactive illustration.

FFar Jangtrakool