Fork of Let's Make a Face Part II

100%

Fork of Let's Make a Face Part II

✓ Published0🌍 Public

Last edited Sep 7, 2022

Created on Sep 7, 2022

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.

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

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

93% match

Loading thumbnail…

Fork of Let's Make a Face Part I

A yellow circle with a black outline represents a face, positioned at the center of an SVG canvas with two smaller circles for eyes. The code uses plain SVG elements (`<circle>`) to draw the shapes, with the face as a large radius-245 circle and the eyes as radius-50 circles offset to the left and right. The `index.html` file sets the SVG dimensions to 960 by 500 pixels and hides the page margin and overflow via CSS. No JavaScript or external libraries are used; the visualization is purely static markup.

Ssushmasai85

93% match

Loading thumbnail…

Fork of Let's Make a Face Part I

A static SVG face is drawn on a yellow circle with two black eye circles, leaving the mouth unfinished as a work-in-progress example. The code uses plain HTML and SVG elements, including `<circle>` tags with fixed `cx`, `cy`, `r`, and `stroke` attributes, within a 960×500 viewport. It demonstrates basic vector shape composition without any JavaScript libraries or animation, rendering directly through the browser’s SVG support.

Ttvhorn

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

93% match