🌍 Public
Viewing a saved revision (read-only)
3060b5b185cd4f1682fc821988a77abb
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.