{"version":"1.0","type":"rich","title":"Shape with svg and css","description":"This example demonstrates how to construct basic SVG shapes—a circle, rectangle, and polyline path—within an HTML page using React. The circle and rectangle are grouped with a blue fill and black stroke, while the path is styled with a yellow stroke and rounded line joins via CSS classes. Rendering relies on SVG elements directly in JSX, with CSS handling visual properties like stroke width and color. The code uses React’s component structure and standard SVG attributes such as `transform`, `translate`, and `d` for the path data.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d343dd85e62447d0bd77b739539e5ffc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}