{"version":"1.0","type":"rich","title":"Shapes with SVG","description":"This example shows two colored circles in an SVG canvas, with a single black line positioned below them. The circles use solid fills of orange and blue, while the line spans from an upper-left to a lower-right coordinate. The visualization is rendered entirely through inline SVG markup in the HTML body, with no dynamic data or interaction. The code imports the `select` function from D3.js to update a message div, and an ES6 module exports a greeting string.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3c9d871bae084b4ba8f8c806dc83ecc1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}