Fork of Let's Make a Face Part I

100%

Fork of Let's Make a Face Part I

✓ Published0🌍 Public

Last edited Jul 5, 2021

Created on Jul 5, 2021

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.

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 face, composed of a yellow circle with a black outline, sits centered on the canvas. The face displays two smaller black circles for eyes, positioned symmetrically around the center. The markup explicitly sets both the SVG dimensions and the circle coordinates, using inline styling for the fill and stroke properties. The page’s HTML structure and CSS reset body margins, producing a full-window visual without any interactive or animated behavior. The code relies solely on native SVG elements within the HTML document.

AAbolhasan Zaman

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

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

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

Hhimchan94

94% match

Loading thumbnail…

Fork of Let's Make a Face Part II

A yellow circular face with a black outline and two black eye circles is rendered on a 960 by 500 pixel SVG canvas. The face, centered at (480, 250) with a radius of 245, uses SVG primitives directly—a main `circle` element with `fill="yellow"` and `stroke="black"` (stroke-width 10) for the head, plus two smaller `circle` elements for eyes at (350, 180) and (600, 180). The SVG is embedded inline in an HTML document with no external JavaScript or data, and the layout follows a static, hand-coded design.

JJeff Yeung

94% match

Loading thumbnail…

Fork of Let's Make a Face Part I

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.

BBELLOUCH EL HASSAN

94% match

Loading thumbnail…

Fork of Let's Make a Face Part I

A yellow circle with a black outline sits centered on a white canvas, accompanied by two smaller unfilled circles positioned symmetrically within it. This static SVG composition renders a basic face prototype, using fixed coordinates for each shape. The `index.html` file embeds a 960 by 500 pixel SVG element, with circle elements defining the head and eyes, demonstrating a simple, hardcoded approach to vector graphics without any interactive or animated behavior.

Eeinsko

94% match