SVG with CSS
This example demonstrates how CSS styling can be applied to SVG elements within a React-based visualization. The page renders multiple shapes—circles, rectangles, and lines—organized into groups, with some using inline attributes and others relying on classes from an external stylesheet. The `.lines` class sets black stroke and width, while a path inside receives a specific blue stroke color with rounded joins. Using the SVG API directly in HTML, the code applies transforms like scaling and translation to reposition groups, showcasing the interplay between SVG presentation attributes and CSS rules.