Paul Giese

@pbgiese·2 public vizzes

Hello Mr Yuck!

A static SVG face with green circular head, black eyes, and yellow background greets viewers with the text "Hello Mr Yuck!". The visualization demonstrates basic React rendering with SVG elements defined directly in HTML. Two circular eye shapes are positioned on the face using explicit coordinates. The example uses React 17 and ReactDOM to mount a React component, though the current component structure is minimal, with the SVG drawn statically alongside the message text.

Feb 18, 2022

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a simple yellow smiley face created with two empty eye circles and a blank mouth area, rendered as a static SVG. The code draws a large yellow circle with a black stroke for the head, then places two smaller unfilled circles as eyes at fixed coordinates. It uses inline SVG elements within an HTML document, with no JavaScript or external libraries. The page hides the body margin and overflow to display the face centered at 960 by 500 pixels.

Feb 17, 2022