{"version":"1.0","type":"rich","title":"Introduction of SVG","description":"This example introduces SVG graphics by constructing a simple abstract composition. It shows a series of colored horizontal bands forming a background, overlaid with a vertical rounded rectangle and several circles arranged in a flower-like pattern. The piece uses pure SVG elements, including `rect` and `circle`, with colors defined through `linearGradient` defs. These gradients use different rotation angles to create varied shading on the circles. The code is authored specifically for a React environment, but the rendering is handled entirely by the browser's native SVG support, with no external libraries involved.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/84b6c3ddf7c34f5b8aa6bcb4c282fad3?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}