{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example shows how SVG shapes and CSS styling combine in a VizHub page. It draws a circle and a rectangle directly in the HTML markup, with a gray border around the SVG canvas. The page also demonstrates ES6 module imports, as `getCars` returns a promise that resolves after a delay to feed car data into `generateReport`, which filters by price and formats a text report. The report appears in a separate message element, while the SVG rendering stays static. The code uses native SVG elements and standard JavaScript promises, with no external visualization libraries.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/fc51a29d55c64f2b9434a8bc053f44ba?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}