Fork of Let's Make a Face Part I

100%

Fork of Let's Make a Face Part I

✓ Published0🌍 Public

Last edited Jun 4, 2021

Created on Jun 3, 2021

This is a static SVG drawing of a yellow smiley face displayed on a 960 by 500 canvas, composed of three circles: a large yellow face with a black outline and two smaller black eyes. The artwork is presented as a React component, though the core visual is defined directly in the HTML markup using inline SVG elements. The code imports React and ReactDOM, and the face is rendered by the browser’s SVG renderer. The example serves as a partial, unfinished exploration toward a complete face, as indicated by the title and README note.

AI-generated description

Half way towards a smiley face.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Let's Make a Face Part I

A yellow smiley face is drawn as a circular SVG shape, with one black eye and a thick black outline, centered on a 960 by 500 canvas. The example uses React to render SVG elements directly via JSX, defining circle components with fixed coordinates and radius values. It relies on the React and ReactDOM libraries from a CDN, with styling that hides page overflow. The face is static and incomplete, showing only a single eye, with no animation or interactive behavior.

RRishabh Gour

96% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a simple yellow smiley face built from three SVG circles—a large filled face and two smaller eyes—on a 960 by 500 canvas. The face is rendered directly in HTML using React 16.9.0, with both React and ReactDOM loaded from unpkg CDN. Instead of a data source, the visualization relies on hard-coded coordinates for positioning, while SVG’s native circle elements handle the drawing, with a black stroke outlining the face. It does not display any interactive or dynamic behavior, remaining a static composition.

TThais Scheneider

95% 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 shows a simple yellow smiley face drawn as three SVG circles: two small black eyes and one large yellow head with a black outline. The face is centered on an 960×500 canvas, with the head positioned at the center and the eyes offset horizontally. The code uses React to load the library, followed by raw JSX elements rendered directly in the HTML. React 17.0.2 is loaded via a UMD build, while the SVG markup is written inline without additional visualization libraries.

AAdham Elkelany

95% match

Loading thumbnail…

Fork of Let's Make a Face Part I

A static yellow smiley face rendered with SVG primitives shows a large circular head and two unmoving eyes on a 960×500 canvas. React 17 manages the page, while raw SVG elements define the shapes. The code does not include a mouth or any interactive behavior, stopping at the head and eyes as a half-complete illustration.

KKaihongGo

95% match

Loading thumbnail…

Fork of Let's Make a Face Part I

A static SVG smiley face renders a yellow circle with two black-outlined eyes centered on a 960 by 500 canvas. The face is built directly in the HTML markup using numbered `<circle>` elements, with the head at position (480, 250) and eyes offset horizontally. The example accompanies a video tutorial on constructing faces step by step. While the page loads React and ReactDOM from CDN scripts, the current visualization uses plain SVG geometry without any React components or interactive behavior.

Cchenxlong3

95% match

Loading thumbnail…

Fork of Let's Make a Face Part I

A static SVG renders a smiley face in a browser with a yellow circle, two black eyes, and an open mouth implied by the face outline. The example uses React 16.9.0 from a CDN to mount the component, though the visible markup is plain SVG elements with attributes like `cx`, `cy`, `r`, and `stroke-width` hardcoded for a 960-by-500 viewport. It demonstrates a simple, declarative approach to drawing with vector graphics, likely as an early step in an interactive face-building tutorial, but no state, interactions, or event handlers are present in the provided code.

MMykoaZ

95% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This fork of “Let's Make a Face Part I” renders a simple yellow smiley face as an SVG graphic. The face consists of three circles: a large yellow head with a black outline and two smaller black eyes, all positioned relative to the center of a 960-by-500 canvas. The code uses React and ReactDOM to construct the SVG elements, computing coordinates and dimensions through JavaScript constants. The rendering approach is entirely declarative, with no interactive behavior or external data sources.

Llohuza

95% match