SVGFoundermentals
This visualization demonstrates basic SVG shape composition, rendering two overlapping circles on a 950×500 canvas. The larger green circle (radius 250) sits beneath a smaller blue circle (radius 200), creating a layered effect through their offset centers. The code uses plain SVG elements within an HTML document, relying on native SVG attributes like `cx`, `cy`, and `r` for positioning and sizing. No JavaScript or external libraries are involved; the circles are styled directly with `fill` properties and arranged statically to explore spatial relationships and color contrast.