🌍 Public
Viewing a saved revision (read-only)
5fc73c58b5894d4c8d45ab1453b28ad2
Shapes with SVG and CSS
This example displays a set of geometric shapes—a circle, a rectangle, a line, and a path—arranged in a 960 by 500 SVG canvas. The SVG elements are wrapped in groups that use transform attributes for scaling and translation, while CSS classes style the line and path with strokes and rounded joins. Rendered through React, the code uses inline SVG with attributes like `fill` and `stroke-width`, and the stylesheet defines the `.lines` group’s properties.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.