Fork of Let's Make a Face Part I

100%

Fork of Let's Make a Face Part I

✓ Published0🌍 Public

Last edited Feb 22, 2021

Created on Feb 22, 2021

This example constructs a simple cartoon face using two SVG circles for the head and eyes. The head is a yellow circle with a thick black stroke, positioned at the center of the screen, while two smaller black circles represent the eyes. The code is plain HTML and SVG, with inline styling for the document body and no JavaScript libraries. It renders directly as static vector graphics in the browser.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a simple, static face built from three SVG circles: a large yellow circle for the head with a black outline, and two smaller black circles positioned as eyes. The code uses raw SVG elements within an HTML document, with no JavaScript or external libraries. The face is centered on an 960 by 500 pixel canvas, and the eye positions are determined by manually hardcoded coordinates, not calculated or animated. The rendering is a direct, declarative SVG representation of the shapes.

Oobaidallah alqurshi

94% match

Loading thumbnail…

Fork of Let's Make a Face Part 1

This example shows a simple yellow face made from three SVG circles: a large head and two smaller eyes. The code uses plain SVG elements written directly in an HTML file, with coordinate positions and style attributes set inline. The face is rendered in a 960 by 500 viewport, with the head centered and the eyes placed symmetrically. The drawing relies solely on basic circle shapes, stroke and fill colors, and does not use any external JavaScript libraries or data sources. It is a static, non-interactive illustration.

Ssrzadran

94% match

Loading thumbnail…

Fork of Let's Make a Face Part I

A static SVG face made of three circles: a large yellow head with a black stroke, and two smaller black eyes positioned symmetrically. The code uses inline SVG elements within an HTML document, with circle coordinates computed relative to the center. It is a simple SVG rendering with no JavaScript or data binding, demonstrating basic geometric composition in a fixed 960 by 500 viewport.

Aanakomissaroff

94% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a simple cartoon face made from three SVG circles: a yellow head with a black outline and two unfilled circles for eyes. The page sets the body margin to zero and hides overflow, so the 960 by 500 pixel SVG canvas fills the viewport. The drawing is defined directly in the HTML markup using SVG element coordinates, with no JavaScript or external libraries involved. The face is centered on a 480 x 250 pointer, with the head radius set to 245 and an eye offset of 130 pixels from center.

KK M Jawadur Rahman

94% match

Loading thumbnail…

Fork of Let's Make a Face Part I

KK M Jawadur Rahman

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

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

94% match

Loading thumbnail…

Fork of Let's Make a Face Part I

A simplified cartoon face rendered in SVG shows a large yellow circle head with black outline and two blank black eye circles. The code builds the illustration directly with inline SVG elements, using explicit `circle` tags for the head and eyes. The face is incomplete, as the title suggests, with no mouth drawn. The markup sets a fixed 960 by 500 pixel canvas and centralizes the head at coordinates 480,250. This example demonstrates basic SVG shape construction without JavaScript libraries or data processing, relying solely on static SVG markup for its visual output.

Ppatrup

94% match