SVG FUNDAMENTALS
This example demonstrates basic SVG shapes and styling within a React-based HTML page, using hardcoded data for four circles of varying radii and colors. It also includes two rectangular outlines with specified fill and stroke properties. The rendering relies on the SVG specification directly in the index.html, with no additional JavaScript libraries beyond the minimal CSS and vanilla JS setup. The visualization shows how SVG elements (circle and rect) can be defined with attributes like cx, cy, r, x, y, width, height, fill, and stroke to create simple geometric compositions on a 960×500 canvas.