Skip to main content
100%

W1 SVG essentials

✓ Published7🌍 Public
AAlenka Guček
Last edited Mar 6, 2021
Created on Mar 6, 2021
Forked from SVG Fundamentals

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 description

A 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

MIT Licensed

Similar vizzes