🌍 Public
Viewing a saved revision (read-only)
09d10fa3d5ec404f9738baf1572aed3a
Shapes with SVG and CSS
This example demonstrates how to create and style basic SVG shapes using React, rendering polygons, lines, and paths within a 1000x600 viewport. It shows CSS classes applied to SVG elements, such as the `.lines` class controlling stroke properties. The code uses raw SVG elements like `<polygon>` and `<path>`, with inline attributes for fill and stroke, alongside a `<g>` transform group. CSS rules in `style.css` style the path elements, including stroke color and line joins, showcasing SVG-CSS integration.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.