Fork of Let's Make a Face Part I

100%

Fork of Let's Make a Face Part I

✓ Published0🌍 Public

Last edited Jul 11, 2022

Created on Jul 11, 2022

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.

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

96% match

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

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

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

96% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a static partially completed smiley face drawn with SVG primitives. A large yellow circle with a black stroke forms the head, while two smaller unfilled circles represent the eyes. The code uses raw SVG elements—`<circle>` tags with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—inside an inline `<svg>` block. No JavaScript libraries are employed; the rendering is purely declarative SVG markup, positioned within a 960×500 viewport.

Jjam9501

96% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This fork of “Let’s Make a Face Part I” displays a static yellow circle with a black outline and two smaller black circles for eyes, representing a simple smiley face in progress. The SVG uses hardcoded circle elements with explicit cx, cy, and r attributes, positioned at the center and offset horizontally for symmetry. No JavaScript libraries are used; rendering relies entirely on inline SVG markup within an HTML document.

JJean David

96% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a simple, static smiley face constructed from three SVG circles: a large yellow head with a black outline, and two smaller black eyes positioned symmetrically on either side of the center. The face is hardcoded in an HTML file using raw SVG elements with explicit coordinates and attributes, setting the head radius to 245 and the eye radii to 50. No JavaScript libraries or data sources are involved; the rendering relies entirely on the browser’s built-in SVG support provided by the `svg` element and its `circle` children. The page’s CSS hides margins and overflow to display the face cleanly.

IIRSPI

95% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This fork of a "Let's Make a Face" tutorial shows a simple smiley face built entirely from SVG shapes. A large yellow circle with a black stroke forms the head, while two smaller unfilled circles serve as the eyes. The construction relies on hard-coded pixel coordinates for the center (cx="480") and eye placements (cx="350" and cx="600") within a 960 by 500 canvas. The rendering is static SVG, using inline `<circle>` elements without any JavaScript or data-binding libraries.

Mmadroscla

95% match