{"version":"1.0","type":"rich","title":"React Starter","description":"This example displays a static, smiling face built from SVG shapes, including a gradient-filled circle, two eyes, and an arc-shaped mouth. The face is centered within the viewport using a transformed group. The code combines React, the React DOM `createRoot` method, and the `d3` `arc` function to generate the mouth path. It defines an SVG linear gradient for the face fill and uses hard-coded coordinates and variables for layout, rendering entirely through React components.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/750db92d1d8c4ee8b4eec770469fbe3b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}