{"version":"1.0","type":"rich","title":"HTML Starter","description":"This example shows a collection of basic SVG shapes—circles, rectangles, lines, and a path—styled with CSS classes and inline attributes. The shapes are organized into groups using SVG `<g>` elements with `transform` translations, which offset their positions. The `<svg>` element sets the canvas size at 500 by 500 pixels. The code uses React alongside raw SVG markup, with no external data source; it directly defines the geometry of each shape in the HTML. The `.lines` CSS class applies black strokes with a custom width, while the `.lines path` rule colors the path red.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/26556cc746ba4727b46723d74f030a9d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}