Fork of Let's Make a Face Part I

100%

Fork of Let's Make a Face Part I

✓ Published0🌍 Public

Last edited Dec 8, 2022

Created on Dec 8, 2022

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.

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

96% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a simple yellow smiley face rendered as static SVG shapes: a large circle for the head and two smaller circles for the eyes. The code uses React 17 via a UMD script, with all elements hardcoded in JSX inside an `<svg>` tag. It relies on basic SVG circle elements with fixed coordinates and stroke properties, and includes a placeholder `console.log` and `alert` call that execute on load. The face is incomplete, missing a mouth, as noted in the README.

QQingzhi Ma

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

96% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a static smiley face rendered in React, with a yellow circle for the head, a black outline, and two smaller circles for eyes. The code uses React 18 and ReactDOM to render the SVG directly in the browser. It appears to be a work-in-progress, as the facial elements are incomplete. The source includes an instructional video link, suggesting this is a practice exercise. The SVG dimensions are fixed at 960 by 500 pixels, with circles positioned using explicit coordinates.

Ootis

96% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows the initial steps of building a smiley face with SVG shapes. A large yellow circle with a black stroke forms the head, centered at (480, 250) with a radius of 245. Two smaller black circles serve as eyes, placed symmetrically to the left and right of center. The code uses plain React elements within an SVG container, with the `index.html` file loading React 17 via CDN and setting the viewport to 960 by 500 pixels. No facial features such as a mouth have been added yet, leaving the face incomplete.

MMatthewNunes

96% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a partially constructed smiley face rendered as SVG, with a yellow circle for the head and two smaller black circles for eyes. The React code uses `React.createElement` to generate the SVG elements, while a static SVG markup in the HTML provides a reference for the intended layout. The face is incomplete, missing a mouth, as noted in the README. The code imports React and ReactDOM to mount the component, which currently contains only a placeholder comment, leaving the visual output entirely to the raw SVG in the body.

RRubanda

95% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This is a fork of an interactive face-building example that outlines a yellow smiley face using SVG circles. It shows the initial stage of constructing a face, with two black eye circles positioned on a larger yellow circle that has a black stroke border. The example uses React and ReactDOM for the application framework, while the rendering is handled entirely through SVG elements defined directly in the HTML file, with a bundled JavaScript file providing the application logic.

Jjamlicker

95% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a simple yellow smiley face rendered as an SVG, featuring a circular head with a black outline and two black eyes positioned symmetrically around the center. The face is incomplete, as it lacks a mouth, aligning with the title’s reference to a half-finished project. The visualization uses React to define the component structure, with ReactDOM rendering the SVG elements to the page. It employs hard-coded constants for dimensions and offsets, drawing circles with SVG’s built-in `circle` element and stroke properties.

Pplusbeauxjours

95% match