🌍 Public
Viewing a saved revision (read-only)
b629920c436a4278a5aadfa7f2aa97e1
Shapes w/ SVG and CSS
This example demonstrates basic SVG shapes—circles, rectangles, lines, and a path—styled with CSS and inline attributes. The code uses raw SVG elements in a React component, with a `<g>` transform for scaling and translation. CSS classes like `.lines` and `.lines path` control stroke properties, while individual shape attributes set fill, stroke width, and colors. The static scene shows how SVG geometry combines with stylesheet rules to produce a structured, non-interactive graphic.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.