{"version":"1.0","type":"rich","title":"Paths","description":"This example shows two SVG paths drawn inside a React application. One path traces a rectangular outline with a black stroke and no fill, while the other forms a stepped shape with a green stroke, light green fill, and 50% opacity. The code uses React and ReactDOM to render the SVG directly, specifying path data via the `d` attribute with absolute commands like `M`, `H`, `V`, and `z`. Both paths are grouped in a `<g>` element with a shared stroke style.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3e833fe240014a6bbdcb4392a2acc739?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}