gitkikiyaya@gmail.com

@KiwiYaya·2 public vizzes

Fork of Let's Make a Face Part I

This example builds a simple smiley face in an SVG canvas. It draws a large yellow circle for the head with a black outline, then adds two smaller filled circles for the eyes. The `index.html` file uses raw SVG elements inside an HTML document, with inline CSS to remove page margins and hide overflow. The rendering approach is static SVG, with coordinates and dimensions set directly in the markup—no JavaScript libraries or data sources are involved. The result is a minimal, half-complete facial composition.

Jul 30, 2024

Loading thumbnail…

Fork of Fork of Let's Make a Face Part I

This example shows a simple static smiley face built with SVG shapes: a yellow circle with a black stroke forms the head, while two smaller circles serve as eyes. The code places the shapes using hard-coded SVG coordinates within an `svg` element, with circles positioned at the center and offset horizontally for symmetry. Though titled "Let's Make a Face Part I," the visualization depicts only the head and eyes, with no mouth or other facial features rendered yet. The rendering relies entirely on inline SVG markup in a standalone HTML file.

Jul 30, 2024