matthamm@yahoo.com

@MatthewTHamm·3 public vizzes

Fork of Let's Make a Face Part I

This example shows a static smiley face constructed from three SVG circles on a yellow background. D3 is not used; instead, the code directly sets circle positions with hard-coded coordinates and attributes, including a thick black stroke outlining the face. The rendering uses plain SVG within an HTML page, with the face centered at (480, 250) and eyes placed symmetrically around it. The title references a tutorial series, but the visible behavior is only a non-interactive, two-eyed face without a mouth.

Aug 4, 2024

Loading thumbnail…

Smiley Face Part II

This example shows a static yellow smiley face made of three SVG circles with a black outline and two dark eye circles. It demonstrates basic React setup alongside raw SVG markup, where the circles are drawn directly in the HTML. The code includes React and ReactDOM from CDN, but the visible visualization does not rely on React rendering; instead, it uses plain SVG circle elements with fixed coordinates and stroke properties. The index.js merely renders a simple "Hello JSX" heading, leaving the smiley face as the primary visual output.

Aug 4, 2024

Loading thumbnail…

Smiley Face Part I

This example creates a static yellow smiley face with black-outlined eyes and an implied mouth, rendered as SVG circles inside an HTML document. The face is centered on a 960 by 500 canvas, with two filled circles positioned as eyes and a large yellow circle serving as the head. React and ReactDOM are loaded via CDN, but the visible drawing is plain SVG markup. The accompanying `index.js` file renders a simple "Hello JSX" heading, showing the setup for a React component that is not yet integrated with the SVG face.

Aug 4, 2024