Fork of Let's Make a Face Part I

100%

Fork of Let's Make a Face Part I

✓ Published0🌍 Public

Last edited Sep 16, 2021

Created on Sep 16, 2021

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.

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 static yellow smiley face rendered with React and SVG, missing the eyes and mouth. The example uses React 17 to generate three SVG circles: a large yellow face with a black stroke and two smaller black circles for eye positions. The drawing is hardcoded with absolute coordinates in a 960×500 viewport, demonstrating basic SVG shape composition without interaction or animation. JavaScript console logging confirms React is loaded, but no data or dynamic behavior is present.

JJosephK98

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

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

95% match

Loading thumbnail…

Fork of Let's Make a Face Part I

A static SVG smiley face shows a large yellow circle with black stroke, flanked by two eye circles. The example uses React 16.9 via UMD builds from unpkg, rendering three circle elements directly in JSX within an inline SVG. The face has no mouth or other features, leaving the composition incomplete. Coordinates are hardcoded relative to the SVG viewport (960×500), with the face centered at (480,250) and eyes offset horizontally.

Zzzhilin

95% match

Loading thumbnail…

Fork of Let's Make a Face Part I

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.

KKazi Minhajul Haider

95% match

Loading thumbnail…

Fork of Let's Make a Face Part 2

A React and SVG visualization renders a yellow smiley face on a 960-by-500 canvas. The code defines fixed coordinates for the head, eyes, and stroke width, drawing each circle with explicit `cx`, `cy`, and `r` attributes. It uses React 18, ReactDOM, and SVG primitives to compose the static face, with no interactive or animated behavior. The face is centered, featuring two eye circles offset horizontally, but lacks a mouth.

Nnoncomplex

95% match

Loading thumbnail…

Fork of Let's Make a Face Part I

A yellow smiley face rendered as static SVG circles sits centered on a 960 by 500 canvas. The face uses a large yellow circle with a black stroke for the head, plus two smaller unfilled circles for eyes, positioned via hardcoded coordinates. The example is built with React 17, using plain SVG elements in JSX, with the script loaded from unpkg. It demonstrates a minimal, code-only approach to facial visualization without any dynamic behavior or data binding.

LLoïc Busson

95% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a static smiley face built from SVG circles: a yellow head, two eyes, and a mouth. It uses React to render the SVG elements, with hardcoded coordinates for the head and eyes. The code defines width, height, and center points to position the main face shape, while the eyes are placed at fixed offsets from the center. React 18 and ReactDOM render the component to the page, though the displayed face only includes the head and eyes, not the mouth.

FFangfei Zhang

95% match