Fork of Let's Make a Face Part I

100%

Fork of Let's Make a Face Part I

✓ Published0🌍 Public

Last edited Dec 27, 2021

Created on Dec 27, 2021

A static face rendered in SVG from a set of hard-coded circle coordinates. It shows a yellow circular head with a black outline, containing two smaller black circles positioned as eyes, set against a blank canvas. The implementation uses raw SVG elements within an HTML document, with an embedded YouTube video. The data source is the explicit coordinate and radius values written directly into the SVG markup.

AI-generated description

Half way towards a smiley face.

MIT Licensed

Similar vizzes

Loading thumbnail…

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

94% match

Loading thumbnail…

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

93% match

Loading thumbnail…

Fork of Let's Make a Face Part I

A yellow SVG circle with a thick black outline forms a face, with two smaller black circles placed as eyes on a light background. The code uses plain SVG elements—`circle` for the head and pupils—positioned at fixed coordinates within a 960-by-500 viewport. The rendering relies on static markup without JavaScript libraries, though it references an embedded YouTube tutorial for guidance. The face remains incomplete, displaying only the head and eyes, with no mouth or other features.

Iindraworks

93% match

Loading thumbnail…

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

93% match

Loading thumbnail…

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

93% match

Loading thumbnail…

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

93% match

Loading thumbnail…

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

93% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This fork of "Let's Make a Face" displays a single yellow circle with a black outline on a blank SVG canvas. The example uses raw SVG markup within an HTML file, specifying circle attributes for position, size, and fill. A video is embedded alongside, suggesting the process of constructing the face. The rendering relies on inline SVG elements rather than a JavaScript library, and the current visualization shows only the initial step of the drawing process.

JJack Elsey

93% match