bcodington-ne

@bcodington-ne·2 public vizzes

Fork of Hello HTML

This example shows a simple static composition of a large yellow circle with two black circular eyes and a small gold nose, forming a basic smiley face. The image is drawn entirely with SVG elements embedded in a minimal HTML page. The code uses the SVG `circle` element to define the shapes, specifying their center coordinates, radii, and fill or stroke colors. The page’s body is styled with CSS to remove margins and hide overflow, ensuring the SVG displays edge-to-edge. The data is hardcoded in the markup rather than loaded from an external source.

Mar 2, 2022

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a simple, static smiley face built from three SVG circles: a large yellow face with a black outline and two smaller black eyes. It is a React component rendered directly to SVG using ReactDOM, with the face positioned at the center of a 960 by 500 viewport. The circles are defined with explicit `cx`, `cy`, and `r` attributes, and the face’s yellow fill and stroke are set inline. No interactive behavior or animation is present.

Mar 1, 2022