{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates basic SVG shape rendering within a minimal HTML page, using React as the framework. It shows how circles, rectangles, and paths are drawn directly via SVG elements, with inline CSS styling for colors and strokes. The `index.html` file contains hardcoded attributes like `cx`, `cy`, `r`, and `d` for path geometry, and leverages JavaScript and CSS for presentation. The code uses native SVG APIs (e.g., `<circle>`, `<rect>`, `<path>`) without any charting library, illustrating fundamental vector graphics concepts in a browser environment.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6b3da4654b1b47039185d6be3b5f1a33?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}