Fork of Let's Make a Face Part I

100%

Fork of Let's Make a Face Part I

✓ Published0🌍 Public

Last edited Aug 9, 2021

Created on Aug 9, 2021

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.

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 drawing shows the first step toward a smiley face: a large yellow circle for the head and two smaller black circles for eyes, all centered on a 960-by-500 canvas. The code uses SVG elements—circle, fill, stroke, and stroke-width—directly in HTML, with no JavaScript or external library. The document includes a YouTube tutorial link, suggesting the visualization is an educational exercise in basic SVG shape creation.

SSimiKay15

96% 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 simple SVG drawing depicts a yellow face with two black-outlined eyes, rendered on a 960x500 canvas. It is a static, non-animated example, representing an early step in building a smiley face. The code uses raw SVG elements—`circle` tags with specific `cx`, `cy`, and `r` attributes—rather than a JavaScript visualization library. A linked YouTube video accompanies the example, providing additional context.

PPeter Horrack

94% match

Loading thumbnail…

Fork of Let's Make a Face Part I

A static yellow smiley face is drawn on an SVG canvas, with two black eye circles positioned on a larger yellow circular face. The page uses raw SVG elements—`circle`, `fill`, `stroke`, and `stroke-width`—to construct the simple facial geometry, with a black outline around the face and no mouth yet. The SVG is set to 960 by 500 pixels, and the code comments indicate the coordinates are manually calculated, such as centering the face at (480, 250) with a radius of 245. This is a minimal hand-coded example without any JavaScript libraries, serving as the first part of a two-stage face-building tutorial.

Hhamdi sevketbeyoglu

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

A static SVG drawing of a yellow smiley face, with black outline and two eyes, uses plain circle elements with fixed coordinates. The face is centered on a 960 by 500 canvas, with the head radius set to 245 and eyes placed at offsets from the center. The rendering relies on raw SVG markup with inline CSS for margins and overflow, and includes no JavaScript or external libraries. This example serves as a basic introduction to constructing visual elements using SVG geometry, without animation or interactivity.

Ssimpleguy86@gmail.com

94% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows the first step in building a smiley face: a large yellow circle with a thick black stroke, flanked by two smaller empty circles as eyes. The static SVG is rendered in an HTML page with no margins, using explicit pixel coordinates for all shapes. It relies solely on native SVG elements—`circle`, `fill`, and `stroke`—without any JavaScript libraries or data binding. The fork serves as a baseline for a video tutorial, demonstrating basic geometric composition before adding dynamic features.

HHaris Vidimlic

94% match

Loading thumbnail…

Fork of Let's Make a Face Part I

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.

SSujata Shrestha

94% match