{"version":"1.0","type":"rich","title":"SVG basic","description":"This example shows a simple SVG diagram: a gray base circle overlaid with a lighter inner circle and a small triangular arrow pointing upward from the center. The visualization is created directly in HTML using inline SVG elements, including `<circle>`, `<path>`, and a `<g>` group with a `transform` attribute for positioning. No external libraries or data sources are involved; the shapes are hard-coded with fixed coordinates, sizes, and colors like `#e8e8e8` and `#4d4d4d`. It demonstrates the basic structure of SVG graphics within a React-compatible HTML page.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8ce839c8829a410b86826cdfbab24393?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}