Fork of Let's Make a Face Part I

Fork of Let's Make a Face Part I

A yellow circle with a black outline forms the base of a simple face, centered in an SVG canvas. Two smaller black circles serve as eyes, positioned symmetrically on either side of the face’s vertical midline. The code renders directly to SVG elements using static `<circle>` tags, with inline attributes for coordinates, radius, fill, and stroke. No JavaScript libraries or interaction are present; the visualization is a purely declarative HTML and SVG composition, with styling applied through a minimal embedded CSS rule that hides page margins.

PPolina Sysoeva

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 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

Fork of Let's Make a Face Part I

A yellow circle with a black outline represents a face, positioned at the center of an SVG canvas with two smaller circles for eyes. The code uses plain SVG elements (`<circle>`) to draw the shapes, with the face as a large radius-245 circle and the eyes as radius-50 circles offset to the left and right. The `index.html` file sets the SVG dimensions to 960 by 500 pixels and hides the page margin and overflow via CSS. No JavaScript or external libraries are used; the visualization is purely static markup.

Ssushmasai85

Fork of Let's Make a Face Part I

This example shows a simple, static face built from three SVG circles: a large yellow circle for the head with a black outline, and two smaller black circles positioned as eyes. The code uses raw SVG elements within an HTML document, with no JavaScript or external libraries. The face is centered on an 960 by 500 pixel canvas, and the eye positions are determined by manually hardcoded coordinates, not calculated or animated. The rendering is a direct, declarative SVG representation of the shapes.

Oobaidallah alqurshi

Fork of Let's Make a Face Part I

A static SVG face, composed of a yellow circle with a black outline, sits centered on the canvas. The face displays two smaller black circles for eyes, positioned symmetrically around the center. The markup explicitly sets both the SVG dimensions and the circle coordinates, using inline styling for the fill and stroke properties. The page’s HTML structure and CSS reset body margins, producing a full-window visual without any interactive or animated behavior. The code relies solely on native SVG elements within the HTML document.

AAbolhasan Zaman

Fork of Let's Make a Face Part I

A static SVG face built with two-dimensional circles renders a yellow head with two black eyes on a white background. The markup places a large circle at the canvas center and smaller eye circles at fixed coordinates, using inline SVG attributes for positioning and stroke styling. No JavaScript libraries or data sources are involved; the example demonstrates basic SVG shape composition and coordinate geometry for a playful, minimal illustration.

RRukshan edirisinghe