Wei Wang

@ZebraAlgebra·2 public vizzes

Fork of Smiley Face Part II

This example renders a full-window yellow smiley face using React and SVG. The face is centered on the screen, with the head sized relative to the window height and the eyes positioned at fixed offsets from the center. The code uses the React and ReactDOM UMD libraries to mount an `App` component that returns an SVG element, employing JSX to declaratively draw each circle for the head and eyes.

Feb 3, 2024

Loading thumbnail…

Fork of Let's Make a Face Part I

A static SVG face built with basic geometric shapes, showing a large yellow circle for the head and two smaller black circles for eyes. The code uses plain SVG elements—`circle`, `stroke`, and `fill`—positioned via hardcoded `cx` and `cy` attributes on a 960 by 500 canvas. It is a minimal, incomplete smiley face that stops short of adding a mouth, illustrating the starting point for a step-by-step tutorial. The rendering is entirely SVG-based with no JavaScript libraries or data sources involved.

Feb 3, 2024