{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates the foundational building blocks of SVG by rendering a minimal HTML page that uses CSS and JavaScript to interact with SVG elements. It shows how to structure an empty document with a `<title>` and a `<body>`, ready for dynamic visualization. The code uses the raw DOM API via `document.createElement` or similar, without external libraries, and relies on standard HTML, CSS, and JavaScript. The approach highlights the browser’s native SVG support, serving as a starting point for more complex visualizations built with frameworks like React.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c2f5068da04445b98e12db2a7e1be551?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}