Skip to main content
SimilarExport ZIP
100%

Fork of Let's Make a Face Part I

✓ Published0🌍 Public
Hhimchan94
Last edited Feb 13, 2022
Created on Feb 13, 2022

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.

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 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
100% 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
95% match
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
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 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
95% match
Loading thumbnail…

Fork of Let's Make a Face Part I

A static SVG face built with two-dimensional circles renders a yellow head with two black eyes on a white background. The markup places a large circle at the canvas center and smaller eye circles at fixed coordinates, using inline SVG attributes for positioning and stroke styling. No JavaScript libraries or data sources are involved; the example demonstrates basic SVG shape composition and coordinate geometry for a playful, minimal illustration.

RRukshan edirisinghe
95% match
Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a simple static SVG face composed of a yellow circle for the head and two smaller circles for the eyes, all drawn directly in the markup. The face is centered at 960 by 500 pixels, with a black stroke outlining the head. The code uses raw SVG elements—`circle` tags with attributes for position, radius, fill, and stroke—rather than any JavaScript library or data-driven approach. The rendering is fully declarative, with no interaction or animation, and the title references the “Let’s Make a Face” tutorial series.

Ccrazygaurab
95% match
Loading thumbnail…

Fork of Let's Make a Face Part I

A simple SVG face is drawn on a 960 by 500 canvas, using a large yellow circle for the head and two smaller black circles for eyes. The code sets the central circle’s position with absolute coordinates and a 245-pixel radius, applying a ten-pixel black stroke, while the eyes are placed symmetrically around the center. This static example, part of a “Let's Make a Face” tutorial, demonstrates basic shape composition with raw SVG markup and inline styling, with no JavaScript or external libraries involved.

AAnsuman-mishra
95% match