{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"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.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0b01706ea6904cd08a3e64384cd563a4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}