{"version":"1.0","type":"rich","title":"Preparing and Loading data","description":"This example demonstrates a static SVG face composed of a yellow circle with black stroke for the head and two smaller circles for eyes, rendered on an HTML page. The code uses inline SVG elements with explicit coordinates for positioning, a brief CSS reset to remove margins, and a minimal JavaScript-free approach. It shows how to prepare basic geometric shapes as data for visualization, with the SVG viewport set to 960 by 500 pixels. The rendering relies entirely on hand-coded SVG attributes rather than a visualization library, serving as a bare-bones template for loading and displaying simple shapes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f1c8263715b04aadb3976107fa40e519?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}