{"version":"1.0","type":"rich","title":"Halfway Toward Smileyface","description":"This example displays a single large purple circle with a green outline, centered vertically near the top of a 1000 by 1000 SVG canvas. The circle is drawn directly in `index.html` using SVG markup. The visualization also includes a React-based “Hello JSX” heading, rendered into a root `<div>` via `ReactDOM.render`, showing a minimal combination of raw SVG and React 18.2.0. The page hides body scrollbars with CSS and loads React and ReactDOM from the unpkg CDN.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8cab9ce31a8b465aa834e964f2ac18ee?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}