Andy Ngo

@andyngo95·2 public vizzes

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

This example shows a simple yellow smiley face rendered as a static SVG, with two black eyes positioned symmetrically around the center of a circular face. Built using React 16.7 and ReactDOM, the code defines circle elements with hardcoded dimensions for the face, eye offset, and eye radius. The SVG viewport is 960 by 500 pixels, and the face is centered vertically with a black stroke outline. No facial features beyond the eyes are included, leaving the face incomplete.

Oct 8, 2021

Loading thumbnail…

Fork of Let's Make a Face Part I

This fork of “Let’s Make a Face Part I” shows three circles on an SVG canvas: a large yellow circle outlined in black, plus two smaller unfilled circles positioned symmetrically above its center. The drawing is created directly in an HTML file using inline SVG elements (circle, cx, cy, r, fill, stroke). The code explicitly comments the geometric calculations for vertical centering and eye placement, and the page hides body scrollbars for a clean presentation. No JavaScript or external library is used.

Oct 8, 2021