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

Created on Nov 14, 2022

A yellow circle with a black outline forms the base of a face, positioned centrally with two smaller unfilled circles acting as eyes. The SVG is created using standard elements like `<circle>`, with hardcoded coordinates and radius values for each shape. The title references a tutorial series, "Let's Make a Face Part I," and the code is a direct fork, representing the first step toward a smiley face. The rendering is static SVG, using the v3 source, with a minimal CSS reset for margins and hidden overflow.

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 yellow circle with a black outline fills the center of an SVG canvas, forming the base of a face. Two smaller black circles, positioned symmetrically to the left and right of the center, suggest eyes, while the lower half of the face remains empty. The composition uses basic SVG shapes and static coordinates from the `index.html` file, with no JavaScript interaction, presenting a partial, unfinished smiley-face construction as part of a step-by-step tutorial.

KKNguyen000

95% match

Loading thumbnail…

Fork of Let's Make a Face Part I

A yellow circular face with black outline is drawn on an SVG canvas, showing three circles: one large head and two smaller eyes positioned symmetrically. The rendering uses static SVG elements defined directly in the HTML, without any JavaScript or D3.js interaction. The code sets explicit coordinates and radius values for each circle, with the head centered at (480, 250) and eyes placed at (350, 180) and (600, 180). This example is a fork demonstrating basic SVG shape creation for a smiley face, using only native markup with styling applied through CSS attributes.

Ttdinh09

95% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This example, titled "Fork of Let's Make a Face Part I," shows a simple yellow smiley face constructed from three SVG circles against a white background. The face’s head is a large yellow circle with a black outline, while two smaller, unfilled circles serve as the eyes, positioned symmetrically on either side of the center. The code uses static SVG elements within an inline `<svg>` tag, explicitly setting coordinates and dimensions for each circle. No JavaScript libraries or data sources are involved; the rendering relies entirely on hardcoded SVG attributes for positioning and styling.

SSahil-Jain-s

95% match

Loading thumbnail…

Fork of Let's Make a Face Part I

A simple SVG face begins as a yellow circle with a black stroke, featuring two smaller black circles for eyes positioned symmetrically around the center. The code directly renders static shapes using SVG elements—`circle` tags for the head and eyes—within an HTML page that hides overflow. This initial step toward a smiley face uses no JavaScript libraries, relying solely on hardcoded pixel coordinates and fixed dimensions of 960 by 500. The result is a minimal, non-interactive illustration in the browser.

Llatifiss

94% match

Loading thumbnail…

Fork of Let's Make a Face Part I

A static SVG drawing shows a yellow face with a black outline and two simple eyes, suggesting the initial step in a guided exercise to build a smiley face. The drawing is constructed from three `<circle>` elements inside an inline `<svg>` tag: a large yellow circle for the head and two smaller black circles for the eyes, positioned using fixed coordinates. The example is a fork of a tutorial, with the HTML referencing a linked video. The plain SVG markup, without scripting or external libraries, defines the entire graphic.

Ssimbamkenya

94% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This fork of a face-building tutorial uses an SVG drawing to show a simple smiley face: a yellow circle with a black outline and two smaller circles for eyes. The code specifies the SVG width and height directly, positioning each shape with explicit `cx` and `cy` coordinates, such as the face at (480, 250) with a radius of 245. It renders using the SVG API within an HTML document, with CSS to remove page margins and hide overflow. The example demonstrates static SVG shapes without interactive behavior or additional D3 features.

NNeeraj Verma

94% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This is a static SVG drawing of a yellow smiley face, constructed from three circles. The face is rendered on a 960 by 500 pixel canvas, with a large yellow circle for the head and two smaller black circles for eyes, each positioned symmetrically. The code uses raw SVG markup within an HTML file, setting the body to hide overflow. The example is presented as a fork of the video tutorial "Let's Make a Face Part I," and the comments within the code show the positioning math for the elements.

EEdier Aristizábal

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

94% match