Fork of Let's Make a Face Part I

100%

Fork of Let's Make a Face Part I

✓ Published0🌍 Public

Last edited Apr 30, 2022

Created on Apr 30, 2022

This example shows a static yellow smiley face drawn as two black-outlined circles for eyes and a larger yellow circle for the face, with a video tutorial embedded for guidance. The rendering uses SVG elements directly inside the HTML structure, while the React code in `index.js` currently only renders a simple "Hello JSX" heading, not the face itself. The page loads React 16.9.0 from unpkg, though the script tags contain typos (`scr` instead of `src`) and reference a missing `bundle.js`, leaving the face markup as raw SVG in the HTML body rather than a React-rendered component.

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 static smiley face rendered with React and SVG elements. A yellow circle with a black stroke forms the head, while two smaller black circles positioned with fixed coordinates serve as eyes. The code defines the face directly in JSX inside the HTML file, using plain SVG circle tags without any interactive or animated behavior. React and ReactDOM are imported via CDN, and the rendering approach relies on hardcoded pixel values for all shapes. The project is linked to a YouTube tutorial on creating faces, though no face components or drawing logic are implemented programmatically.

MModliestOrange

96% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a static yellow smiley face rendered as SVG circles, drawn directly in the HTML body. The code uses React 18 and ReactDOM 17, though the actual face is hard-coded SVG markup rather than React components. The face consists of three circles: a large yellow head with a black stroke, and two smaller black eyes positioned symmetrically. The index.js file contains a basic React component that would render "Hello JSX," but it does not interact with the face.

Aaggarwalc

95% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This example displays a static yellow smiley face made from one large circle and two smaller eye circles, all rendered as SVG elements within a 960x500 viewport. The face uses hardcoded coordinates and stroke widths to position the features, with a yellow fill and black outline for the head. Built with React 16.9, it renders directly through hardcoded JSX inside the index.html file rather than using JavaScript logic to compute positions. The video embedded in the README suggests it is part of a tutorial series on building faces with React and SVG.

KKate-2222004

95% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a static smiley face drawn in SVG, with a yellow circular head and two black eyes positioned on a blank background. It demonstrates how to build a basic visual component using React 16.9.0, where the SVG elements are defined directly in the JSX-like markup within the HTML file. The code uses React’s `React` and `ReactDOM` production builds from unpkg, while the rendering relies purely on SVG circle elements with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. No interactivity or animations are present, as the face is incomplete—it lacks a mouth—and the project is a fork of a tutorial series.

PPratik Raja

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

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

95% match

Loading thumbnail…

Fork of Fork of Let's Make a Face Part I

This example shows a static yellow smiley face built with a large circle for the head and two smaller circles for the eyes, all rendered in SVG. The HTML markup positions the face at the center of a 960-by-500 viewport, using explicit coordinates for each circle. The React code imports React and ReactDOM, defines a simple functional component that returns "Hello JSX," and renders it into the root element, though the SVG face is placed directly in the HTML file. The project relies on React v16.7.0 and ReactDOM, with the face serving as a visual starting point for a tutorial series.

Jjanenoxid

95% match