{"version":"1.0","type":"rich","title":"SVG Basics","description":"This example introduces VizHub V3's runtime environment, demonstrating how a main function exported from index.js replaces an index.html entry point. The code renders SVG shapes—rectangles and circles—using the direct DOM API, with CSS styles controlling hover transitions that change fill colors and stroke widths. A separate SVG path with inline fill attributes draws a custom shape, while a \"Hello World\" div displays a font size adjustable by alt-dragging a number in the editor. Interactive widgets enable continuous hot reloading for real-time code feedback.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/55a9062c308b4c96a69c5477ce85841b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}