Fork of Let's Make a Face Part I

100%

Fork of Let's Make a Face Part I

✓ Published0🌍 Public

Last edited Apr 12, 2021

Created on Apr 12, 2021

This is a minimal face constructed with three SVG circles: one large yellow circle for the head and two smaller black circles for the eyes. The head circle is centered on a 960-by-500 SVG canvas and uses a black stroke, while the eye positions are fixed at specific coordinates. The page uses inline SVG elements directly in the HTML, with no JavaScript or external libraries. The current state shows only the head and eyes, leaving the smiley mouth unfinished, as indicated by the README.

AI-generated description

Half way towards a smiley face.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a simple smiley face built from three SVG circles: a large yellow circle for the head and two smaller black circles for the eyes. The face lacks a mouth, as noted in the README, so it is halfway to completion. The code uses raw SVG elements with fixed coordinates, including circle positioning and stroke styling, rendered at 960 by 500 pixels. No JavaScript libraries or data sources are involved beyond the static SVG markup.

Aaniosindustries

94% match

Loading thumbnail…

Fork of Let's Make a Face Part I

A simple SVG face is drawn using three circles: a large yellow circle with a black stroke for the head, and two smaller black circles for eyes. The page is minimal, with no visible data source or interaction. The code directly defines the circle positions and radii in the markup, using SVG and standard HTML. The rendering approach relies on hard-coded coordinates within an `svg` element.

Aarnoldgh

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

94% match

Loading thumbnail…

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

94% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a simple smiley face constructed from three SVG circles: a large yellow head and two smaller eyes. The face is centered in an SVG canvas, drawn with a black stroke. The code uses basic SVG elements (`circle` tags) within a manually authored `svg` markup, with inline styling for body margins and overflow. No JavaScript libraries or data sources are involved; the visualization is purely declarative HTML/SVG, as seen in the static `index.html` file.

Oognyvrac

94% match

Loading thumbnail…

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

93% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This fork of “Let's Make a Face Part I” shows a simple smiley face with a yellow circular head, two black eye circles, and no mouth yet. The SVG rendering approach uses three `<circle>` elements inside a fixed 960×500 viewport, with the head centered at (480, 250) and a 245-pixel radius. Stroke styling creates the black outline, while the eyes are positioned symmetrically around the center. The code relies on raw SVG markup in an `index.html` file, with a hidden body to remove page margins.

LLori Labrie

93% match

Loading thumbnail…

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

93% match