J Xander Crawford

@jxandercrawford·2 public vizzes

Fork of Let's Make a Face Part I

This is a simple React-based SVG drawing of a yellow, black-outlined circle that forms the base of a smiley face. It shows two smaller black circles positioned as eyes on the face. The example uses the React library to set up the page, while the SVG elements are written directly in the HTML file. The SVG canvas is 960 by 500 pixels, with the face centered and the eye positions calculated to be symmetrical around the center. The code includes comments explaining the coordinate math for centering elements.

Oct 9, 2021

Loading thumbnail…

Fork of Hello HTML

A bare SVG scene draws three circles—a large yellow one with a black stroke and two smaller unfilled ones—positioned on a 960×500 canvas. The markup directly embeds SVG elements within an HTML page, using no JavaScript libraries or data sources. The rendering relies solely on native SVG syntax, defining shapes with attributes like `r`, `cx`, `cy`, and `fill`. The example demonstrates a minimal static graphic achieved entirely through inline SVG, with no interactive behavior or external dependencies.

Oct 9, 2021