🌍 Public
Viewing a saved revision (read-only)
0b50960129a3462d94c4b67f30689c9a
Shapes with SVG and CSS
This example demonstrates how to draw and style basic geometric shapes using SVG elements directly in a React application. It shows two polygon shapes—a triangle and a five-pointed star—rendered with inline SVG attributes, alongside a duplicated version of both shapes wrapped in a `<g>` group with a `transform` to translate them horizontally. The code uses SVG’s native `<polygon>`, `points`, `fill`, and `stroke` attributes, as well as CSS from an external stylesheet to reset page margins and hide overflow. No external visualization libraries are used; rendering relies solely on React’s JSX markup and SVG support.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.