{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates a minimal SVG scene containing a single red circle, placed on a blank canvas. It highlights how SVG shapes can be styled using an external CSS file, with the circle’s default black fill and the page’s hidden overflow defined in `styles.css`. The code loads D3 via UNPKG and uses an ES6 `import` from `\"d3\"`, though no D3 functions are called. It also shows importing a local stylesheet through a `<link>` tag in `index.html`, with the `.highlighted` class available for future styling.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3ccfa42a7ed64a40ba9d70b28bc4c53f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}