{"version":"1.0","type":"rich","title":"smiley","description":"This example shows a simple smiley face rendered as an SVG, with a green circular head, two black eyes, and a black mouth arc drawn using D3’s `arc` generator. The face is built declaratively in React, with all measurements (center coordinates, stroke width, eye offsets, and mouth radius) defined as constants. D3 computes the mouth path via `d3.arc()` with specified inner and outer radii and start/end angles, while React renders the `circle` and `path` elements inside an SVG container. The code uses `ReactDOM.render` to mount the component to the DOM.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e35869854b9247d7b62553d37b099cec?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}