{"version":"1.0","type":"rich","title":"VH HTML index Starter","description":"This example renders a static SVG smiley face using React and D3. It draws a yellow circle with a grey stroke, two grey eyes, and defines a mouth arc using the `d3.arc` API. The visualization uses React’s `ReactDOM.render` to mount the SVG into the DOM, with fixed dimensions of 960 by 500 pixels. All shapes are positioned using hard-coded coordinates and radius values, demonstrating basic React component composition for SVG output.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/17d45af350ce4a94b25fe21ca4833522?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}