SVG Basics
This example demonstrates how to create basic vector graphics using SVG elements within a React-based project. It uses static shapes with specific coordinates, including a circle positioned at (50,50) with a radius of 50 and a rectangle with a red outlined border and no fill. The SVG canvas is sized at 960 by 500 pixels, and the page uses minimal CSS to reset margins and hide overflow. The example serves as a bare-bones introduction to inline SVG markup embedded directly in an HTML page.