betsyreyesmata

@betsyreyesmata·2 public vizzes

Betsy Reyes

A playful abstract composition built entirely with SVG shapes rendered in a web page. The piece arranges geometric elements on a 1500-by-1500 canvas, including a RoyalBlue square, orange rectangles, yellow and grey polygons, and thin orange polylines that suggest radiating rays from a central point. A small text label reading "PANEL SOLAR" accompanies the grey polygon shape. The HTML document uses inline SVG markup directly, with each shape's fill, stroke width, and coordinates defined as attributes. The rendering relies on the browser's native SVG interpreter, with no external JavaScript libraries.

Jun 6, 2022

Loading thumbnail…

Fork of SVG Fundamentals

This example uses raw SVG elements to demonstrate fundamental shapes and layering. Overlapping red and green circles show how later elements render on top, while a navy line, a custom curved path, and a black polyline illustrate the `path` drawing syntax directly in SVG. The code uses static SVG markup with attributes like `cx`, `cy`, `r`, `d`, `stroke`, and `fill`, and no JavaScript libraries are involved. The rendering approach is purely declarative SVG within an HTML page.

Jun 3, 2022