Fork of making a face

100%

Fork of making a face

✓ Published1🌍 Public

Last edited Sep 6, 2024

Created on Sep 6, 2024

This fork of “making a face” shows a simple yellow face built from three SVG circles: a large head and two smaller eyes. The rendering is done directly in an HTML page using inline SVG markup, with the `<svg>` element sized at 960 by 500 pixels. The head circle is filled yellow with a black stroke, while the two eye circles are filled black by default. The code uses no external libraries, relying solely on native browser support for SVG shapes via the `circle` elements and their `cx`, `cy`, and `r` attributes.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Let's Make a Face Part I

A simple SVG face shows a yellow circle head with two black eyes, rendered directly in HTML without JavaScript. The code positions a 245-pixel-radius face at the center of a 960 by 500 canvas, using inline `circle` elements with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. The eyes are placed at fixed offsets from the center, demonstrating static SVG drawing with the browser’s native rendering, not an interactive or data-driven visualization. No external libraries are used.

Hhommrich@web.de

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

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

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

90% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow face constructed from three SVG circles: a large outlined head and two smaller eyes positioned on a light gray background. The code relies on raw SVG elements—`circle` tags with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—rather than any JavaScript libraries. It demonstrates basic coordinate geometry, placing the eyes relative to the head’s center and accounting for stroke width in the layout. The rendering is static SVG, with no data binding or interaction, and the face’s dimensions are hardcoded for a 960×500 viewport.

NNatália Bortoli Vieira

90% match

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

90% match

Loading thumbnail…

Fork of Hello HTML

A simple SVG face built with two black eye circles and a yellow face circle on a 960-by-500 canvas. The example demonstrates basic SVG shape rendering without JavaScript libraries, using explicit circle elements for the face and eyes. The code sets the face’s fill to yellow with a black stroke and thick outline, while the eyes remain solid black. This serves as a minimal static visualization, likely intended as a starting point for adding interactive features like a smile or animation. No data or dynamic behavior is present; it is purely presentational SVG markup.

NNaveen Kasthoori

90% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This fork of “Let's Make a Face Part I” displays a yellow smiley-face outline with two dark eye circles on a blank canvas. It uses an HTML5 `<svg>` element with hard-coded coordinate values, drawing the face via three `<circle>` shapes. The main circle is filled yellow with a black stroke, while the two eye circles use default black fills, positioned symmetrically around the center. No JavaScript libraries are involved; the rendering is purely declarative SVG.

Sskambhore04

90% match