LJ Green

@LJ-Green·2 public vizzes

Fork of Let's Make a Face Part I

This gallery example displays a minimal smiley face, constructed with three SVG circles: a large yellow face and two smaller eyes. The code uses raw SVG elements directly within an HTML file, with a script tag linking to the React library but no actual React components or JavaScript logic. The rendering is static, with coordinates and radii hard-coded to position the eyes symmetrically on the yellow face. The project relies on SVG's native shape rendering, without any dynamic data or interaction.

Sep 22, 2023

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a simple smiley face built from three SVG circles: a large yellow face with a black stroke, plus two smaller eyes. The SVG is rendered directly in the browser with a fixed 960 by 500 viewport. The code uses plain SVG elements (`circle`) and CSS to style the body with no margin, making the face fill the entire viewport. No external libraries are used; the drawing relies solely on hardcoded coordinates and stroke properties. The face is static, with no animation or interaction, serving as a minimal demonstration of vector-based drawing.

Sep 22, 2023