MatthewNunes

@MatthewNunes·3 public vizzes

Fork of Let's Make a Face Part I

This example shows the initial steps of building a smiley face with SVG shapes. A large yellow circle with a black stroke forms the head, centered at (480, 250) with a radius of 245. Two smaller black circles serve as eyes, placed symmetrically to the left and right of center. The code uses plain React elements within an SVG container, with the `index.html` file loading React 17 via CDN and setting the viewport to 960 by 500 pixels. No facial features such as a mouth have been added yet, leaving the face incomplete.

Feb 10, 2022

Loading thumbnail…

Fork of Hello HTML

This example displays a simple static SVG face composed of three circles: a large yellow head with a black outline and two smaller black-outlined eyes. It demonstrates how to embed Scalable Vector Graphics directly in an HTML document without any JavaScript libraries. The code defines an SVG element with explicit width and height attributes and uses standard SVG circle elements, with coordinates and styling specified via attributes such as `cx`, `cy`, `r`, `fill`, and `stroke`. The page is styled with minimal CSS to remove margins and hide overflow.

Feb 10, 2022

Loading thumbnail…

Fork of Let's Make a Face Part I

This example draws a simple smiley face using SVG primitives inside an HTML page. It shows a large yellow circle with a thick black stroke as the face, alongside two smaller black circles positioned for the eyes. The code directly constructs the `<circle>` elements within a 960-by-500 SVG canvas, using explicit `cx`, `cy`, and `r` attributes to place each shape. No JavaScript libraries are used; the rendering relies solely on static SVG markup.

Feb 9, 2022