Fork of Let's Make a Face Part I

100%

Fork of Let's Make a Face Part I

✓ Published0🌍 Public

Last edited Nov 14, 2021

Created on Nov 13, 2021

A plain SVG face renders two purple eyes and a black-outlined circle for a head, with no smile or other features added yet. The drawing uses inline SVG elements—a large `<circle>` for the face and two smaller `<circle>`s for eyes—positioned via fixed `cx` and `cy` coordinates at 960 by 500 pixels. The code relies solely on static SVG markup, with no JavaScript libraries or data bindings, and the title references a fork of a tutorial series that builds toward a smiley face.

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 fork of “Let’s Make a Face Part I” shows a partially completed smiley face built from three SVG circles: a large yellow head with a black outline and two smaller black eyes. The rendering uses inline SVG elements—circle tags with explicit cx, cy, r, fill, and stroke attributes—positioned manually at fixed coordinates. The head is centered at (480, 250), while the eyes sit at (350, 180) and (600, 180). The result is a static, minimal illustration generated directly in the HTML document without any JavaScript libraries or dynamic data.

DDonna Perygin

94% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This fork of “Let’s Make a Face” shows a simple smiley face built from three SVG circles on a yellow head with a black outline. Two smaller circles form the eyes, positioned symmetrically around the center. The code uses raw SVG elements—`circle` tags with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—inside a 960-by-500 viewport. The rendering is entirely static SVG, with no JavaScript libraries or data sources involved, and the face remains incomplete, omitting a mouth.

Yyungchiau

94% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This fork of “Let’s Make a Face Part I” shows a yellow smiley face built from three SVG circles: a large head and two smaller eyes, all centered on a light gray canvas. The code uses plain SVG elements with `circle` tags, setting attributes like `cx`, `cy`, `r`, `fill`, and `stroke` directly in the HTML. No JavaScript libraries or data sources appear; the rendering relies entirely on static SVG markup inside an `index.html` file. The face is incomplete, leaving the mouth and other details for a later part.

990561lkk

93% match

Loading thumbnail…

Fork of Let's Make a Face Part I

A minimal SVG face takes shape as a static smiley, built from three circles: a large yellow head with a black stroke and two smaller black eyes. The code defines the head at the center of a 960 by 500 viewport, with eyes positioned symmetrically using hard-coded cx coordinates. Written in plain HTML and SVG, it uses no JavaScript libraries, rendering directly through the browser's SVG parser. The example is a simple fork of a tutorial, halting partway through the process before adding a mouth.

TTuka-chaka

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 static smiley face built from yellow and black SVG circles. The large 245-pixel-radius circle forms the head, while two smaller circles serve as eyes at fixed positions. The code uses raw SVG elements—circle tags with attributes for center coordinates, radius, fill, and stroke—inside a 960×500 viewport. No JavaScript libraries or data sources are involved; the rendering is purely declarative SVG markup embedded directly in the HTML.

Llit86hlp

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

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

93% match

Loading thumbnail…

Fork of Let's Make a Face Part I

A fork of "Let's Make a Face Part I" displays a simple smiley face rendered as two black circles for eyes and a larger yellow circle with a black outline for the head, all drawn directly with SVG elements. The code uses raw SVG circles with fixed coordinates and stroke widths, centering the face at (480, 250) on a 960×500 canvas. No JavaScript libraries are imported, and the rendering is static, relying solely on inline SVG markup.

Ssnehalp396

93% match