{"version":"1.0","type":"rich","title":"Smiley face part one","description":"This example renders a green smiley face in SVG using React components that draw circles for the head, eyes, and nose, plus a D3 arc for the mouth. The D3 v7 `arc()` generator defines the mouth’s inner and outer radii and angular range, while hardcoded constants position the facial features on a 960-by-500 canvas. All shapes use black strokes with a fixed width, and the React app mounts to a root div via `ReactDOM.render`. The code does not load external data, relying solely on static geometric definitions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/07e7ced7b1454a5d98d50ce0272add16?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}