This example demonstrates basic SVG shape rendering from static markup, including circles, rectangles, lines, and paths, with styling applied through CSS. The React-based structure uses an SVG container of 960 by 500 pixels, where shapes are positioned individually or grouped with transforms such as translation and scaling. A group with the class "lines" applies orange stroke properties via CSS, while a nested path overrides the stroke to pink with round joins. The code relies on native SVG elements and CSS rules, with no external visualization libraries or data sources.