{"version":"1.0","type":"rich","title":"Fork of Smiley Face Part III","description":"This example visualizes a smiley face using React and D3, rendered as SVG with declarative circle and path elements. It shows a red circular face with yellow strokes, two black eyes, and a smile-shaped arc, centered dynamically within a 960×500 viewport. The code imports the `arc` function from D3 v5 to generate the mouth path, computing inner and outer radii and angular extents. React manages the component state and mounts the SVG via `ReactDOM.render`, while D3 handles the geometric calculations. Static data like eye offsets and mouth dimensions are hardcoded, and the drawing stays fully responsive to the fixed canvas size.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/302699b9c46d49058c275c08d90ea6fa?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}