{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates how to create geometric shapes using SVG and style them with CSS in a React environment. It renders polygons with various fill colors, stroke colors, and stroke widths, including a star-shaped polygon and a translated group of shapes. The code uses SVG elements like polygon, line, and path, with CSS classes to apply stroke styles. A CSS class called “lines” applies black strokes and a path within it uses a custom stroke color and rounded line joins.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f815c26c35c6416ea83f327739ed53e9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}