Fork of Let's Make a Face Part I

100%

Fork of Let's Make a Face Part I

✓ Published0🌍 Public

Last edited Aug 29, 2023

Created on Aug 29, 2023

This gallery example, a fork of “Let's Make a Face Part I,” displays a static smiley face built with SVG primitives. The face consists of three circles: a large yellow head and two smaller black eyes, all positioned on a 960 by 500 coordinate canvas. The markup is hand-written in `index.html` and uses inline SVG tags, while the accompanying `index.js` imports React and ReactDOM but only logs to the console. The work is rendered using the React framework, with the SVG directly embedded in the document body.

AI-generated description

Half way towards a smiley face.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Let's Make a Face Part I

This gallery piece displays a static smiley face constructed from three SVG circles: a large yellow head with a black stroke and two smaller eyes positioned symmetrically on either side. The work is built with React and rendered as SVG, using hard-coded coordinates and radii. The code loads React and ReactDOM from a CDN, but the visible display comes directly from the trailing SVG markup, not from the React component, which only outputs a heading. The example thus contrasts a functional React setup with a purely declarative SVG drawing.

SStoockbroker

96% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This example displays a static smiley face constructed from SVG circles: a large yellow head with a black outline and two smaller black circles for eyes. The code uses React and ReactDOM to manage the page, while the face itself is drawn directly in the markup. The rendering relies on SVG primitives within a fixed 960-by-500 viewport, with coordinates placed to center the head and position the eyes symmetrically. The project shows a foundational step toward a more complex face, with only the head and eyes present so far.

Ggzm17

95% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This example demonstrates a simple smiley face drawn with three SVG circles: a yellow face outline and two black eyes, rendered on a 960 by 500 canvas. The markup is hand-authored in HTML, with React 17 loaded from a CDN and an accompanying `index.js` that logs the React global to the console. The face uses fixed coordinates and stroke widths to position the eyes and face, while the layout comment explains centering calculations. No interactive or animated behavior is shown, only the static SVG presentation.

Ssnehalp31996

95% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows the initial stage of a smiley face, with a large yellow circle for the head and two smaller circles for eyes, all rendered as static SVG elements. The code uses React 18 from a CDN and places the SVG shapes directly in the HTML markup, with no JavaScript driving the drawing. Though the source file imports React and ReactDOM, only the core SVG structure is visible, leaving the interactive or generative behaviors implied by the project’s “Let’s Make a Face” title out of this specific fork.

MMatt Woods

95% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a static smiley face built from three SVG circles: a large yellow face with a black stroke, and two smaller black eyes. It is a React application that renders the face directly in the HTML markup, providing no interactivity. The code uses React 16.9 and ReactDOM to render an `App` component, though the visible face is hard-coded in the SVG within `index.html` rather than generated by React. The project references a video tutorial and is forked from another visualization, but only the basic SVG shapes are present.

RRavisista1303

95% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a simple smiley face built from three SVG circles: a large yellow face and two smaller eyes. It uses React to render the DOM structure, with the static SVG markup embedded directly in the HTML file. The code references React 17 via UMD builds and includes an `index.js` placeholder that renders a "Hello JSX" heading, but the visible face is drawn entirely from the hardcoded SVG elements, not from the React component.

Eeatenmoth

94% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This gallery piece shows a static, hand-coded SVG smiley face, halfway toward a complete smile. It renders a yellow circle with a black stroke as the head and places two dark circles for eyes. The implementation relies on raw SVG markup within an `index.html` file, using React 16.12.0 via a UMD script, though the actual drawing is plain SVG, not React-generated. The embedded YouTube video explains the process of building the face.

TTristan François

94% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This gallery example displays a minimal smiley face, constructed with three SVG circles: a large yellow face and two smaller eyes. The code uses raw SVG elements directly within an HTML file, with a script tag linking to the React library but no actual React components or JavaScript logic. The rendering is static, with coordinates and radii hard-coded to position the eyes symmetrically on the yellow face. The project relies on SVG's native shape rendering, without any dynamic data or interaction.

LLJ Green

94% match