JosephK98

@JosephK98·3 public vizzes

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

This interactive React-based visualization demonstrates the construction of a smiley face using SVG primitives. The display shows a large yellow circle as the head, with two smaller black circles for eyes, rendered against a blank canvas. The code leverages ReactDOM to mount the component and uses inline SVG elements with explicit coordinate and radius attributes. A YouTube tutorial embedded in the page provides additional context for how the face is assembled step by step.

Feb 27, 2021

Loading thumbnail…

Fork of Let's Make a Face Part I

This example displays a static, yellow smiley face constructed from three SVG circles: a large head and two smaller eyes, all rendered on a 960-by-500 canvas. The code uses React and ReactDOM to manage the page, while the drawing itself relies on raw SVG elements with hard-coded coordinates and stroke properties. A linked YouTube video explains the creation process, and the simple visual output demonstrates basic shape composition without any interactive or animated behavior.

Feb 27, 2021

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.

Feb 27, 2021