{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates fundamental SVG shapes and attributes, showing how basic geometric elements are constructed and rendered in a web page. It uses the D3.js library, specifically the `d3.select` and `d3.append` APIs, to create and manipulate SVG elements dynamically. The visualization displays simple shapes such as rectangles, circles, and ellipses, with styling applied through SVG attributes like `fill` and `stroke`. The code is minimal and serves as an introductory reference for building data visualizations with SVG.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6bd995738ef54ccbb84bc5baed8f12bf?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}