Skip to main content
SimilarExport ZIP
100%

Fork of Let's Make a Face Part I

✓ Published0🌍 Public
BBELLOUCH EL HASSAN
Last edited Sep 4, 2021
Created on Sep 4, 2021

A yellow circle with a black outline forms the head of a simple face, accompanied by two smaller black circles positioned as eyes on an SVG canvas. The example uses raw SVG elements—`<circle>` tags with explicit `cx`, `cy`, and `r` attributes—to construct the static facial features. No JavaScript libraries or interaction are involved; rendering is purely declarative markup within an HTML document. The face lacks a mouth, suggesting an incomplete or in-progress design.

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 forms the base of a simple face, centered in an SVG canvas. Two smaller black circles serve as eyes, positioned symmetrically on either side of the face’s vertical midline. The code renders directly to SVG elements using static `<circle>` tags, with inline attributes for coordinates, radius, fill, and stroke. No JavaScript libraries or interaction are present; the visualization is a purely declarative HTML and SVG composition, with styling applied through a minimal embedded CSS rule that hides page margins.

PPolina Sysoeva
95% match
Loading thumbnail…

Fork of Let's Make a Face Part I

A yellow circle with a black outline sits at the center of an SVG canvas, showing a face in progress with two dark eye circles and a smaller nose circle. The example uses plain SVG elements like `<circle>` and inline attributes for positioning and styling, with the overall layout fixed at 960 by 500 pixels. The face is incomplete, lacking a mouth, and the code demonstrates basic coordinate placement without any JavaScript libraries or interactivity.

SSohail Ahmad
95% match
Loading thumbnail…

Fork of Let's Make a Face Part I

A yellow SVG circle with a thick black outline forms a face, with two smaller black circles placed as eyes on a light background. The code uses plain SVG elements—`circle` for the head and pupils—positioned at fixed coordinates within a 960-by-500 viewport. The rendering relies on static markup without JavaScript libraries, though it references an embedded YouTube tutorial for guidance. The face remains incomplete, displaying only the head and eyes, with no mouth or other features.

Iindraworks
94% match
Loading thumbnail…

Fork of Let's Make a Face Part I

A bright yellow circle with a thick black stroke fills the center of an SVG canvas, forming a simple face. Two smaller black circles are positioned on either side of the face for eyes. The code uses raw SVG elements (`circle`) to render the shapes, setting coordinates and radii directly. This example demonstrates basic geometric composition without data binding or interaction, focusing on SVG styling and layout.

Hhimchan94
94% match
Loading thumbnail…

Fork of Let's Make a Face Part I

A bright yellow circle with a thick black stroke fills the center of an SVG canvas, forming a simple face. Two smaller black circles are positioned on either side of the face for eyes. The code uses raw SVG elements (`circle`) to render the shapes, setting coordinates and radii directly. This example demonstrates basic geometric composition without data binding or interaction, focusing on SVG styling and layout.

Hhimchan94
94% match
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
94% match
Loading thumbnail…

Fork of Let's Make a Face Part I

A yellow circle with a black outline forms a face on a blank SVG canvas. Two smaller circles, positioned to the left and right of center, act as eyes. The SVG is created directly in an HTML file, with a width of 960 pixels and a height of 500 pixels. The face’s center coordinates and eye offsets are calculated explicitly, though no animation or further facial features are implemented beyond this initial step.

Ppandaren-dada
94% match
Loading thumbnail…

Fork of Let's Make a Face Part I

A simple SVG face made of three circles sits centered on a yellow background. The code draws a large yellow circle with a black stroke for the head, then places two smaller black circles as eyes at fixed coordinates. This example uses raw SVG elements—`circle` tags with explicit `cx`, `cy`, `r`, and `fill` attributes—without any JavaScript libraries or data binding. The rendering is static, with all geometry hardcoded in the HTML, and the page hides scrollbars via CSS.

Ttssytrack
94% match