W1 SVG essentials
This example demonstrates layered SVG shapes to create symmetric, abstract compositions across a 960×500 canvas. It uses red and white circles of varying radii positioned at the center and edges, combined with rectangular strokes and diagonal lines to form balanced, mirrored patterns. The code employs basic SVG elements—`circle`, `rect`, `line`, and a black `path` with `M` and `l` commands—all rendered directly in the HTML markup without additional libraries. The illustration focuses on fundamental shape layering and symmetry, as noted in the accompanying README.
AI-generated descriptionA demonstration of SVG shapes. practise basic elements, layering and symetry read about arcs. Too complex for now, it's easier to play with layering for next time: figure out ovals and curved shapes