{"version":"1.0","type":"rich","title":"Smiley Face with React","description":"This example renders a simple smiley face using React and SVG. It draws a large yellow circle with a black stroke for the face, and two smaller filled circles for the eyes, positioned absolutely within the SVG canvas. The code uses React 18’s `createRoot` and `StrictMode` to mount an `App` component, while the SVG elements are hardcoded directly in the HTML file rather than generated dynamically. The setup demonstrates a basic integration of React with static SVG markup.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9a193425b1d34d40bbd803eed3d4d13e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}