fergmack

@fergmack·2 public vizzes

Fork of Let's Make a Face Part I

This visualization shows a single yellow circle with a thick black outline, representing the initial step toward building a smiley face. The circle is centered within an SVG canvas, with its position and size defined by explicit pixel values. The code uses React 18 to render the SVG element via `ReactDOM.render`, importing `React` and `ReactDOM` directly. The circle’s `cx`, `cy`, `r`, `fill`, and `stroke` attributes are set inline, with no interactivity or data source beyond the hardcoded geometry. A commented-out section hints at future eye placement.

Jul 10, 2022

Loading thumbnail…

Smily Face part 1

A yellow SVG circle forms the face of a smiley, drawn with two unfilled black circles for eyes on a blank page. The example uses React 18.2.0 loaded via a UMD build, though no React components are rendered; instead, static SVG elements are written directly in the HTML. The page sets body margins to zero and hides overflow, with the 960 by 500 pixel SVG centered by default. Only the face and eyes are visible, without a mouth or other features.

Jul 10, 2022