{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example shows how SVG shapes and CSS styling can be combined in a React visualization, with a simple page that logs to the console on load. The code uses plain HTML, CSS, and JavaScript—no external libraries—to render an empty body, while the stylesheet defines a monospace font and a `.highlighted` class for red text. The rendering approach relies on static markup and CSS rules rather than dynamic data or SVG elements. The example serves as a minimal starter for building interactive graphics.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a4afb6fe03794a269e0f22c47f233272?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}