{"version":"1.0","type":"rich","title":"Simley D3 and React Part V","description":"This example shows a smiling face built from primitive SVG shapes, composed of a yellow background circle, two black eyes, and a curved mouth. It demonstrates how D3 and React can be combined to create declarative, reusable components. The visualization uses React’s component model to structure the code, with `BackgroundCircle`, `Eyes`, and `Mouth` as separate functions. D3’s `arc` API generates the mouth’s path, while SVG’s `<g>` element translates all components to the canvas center. The rendering is static, with no interaction or data source beyond hardcoded dimensions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b765be6b5bcd44c39813e4060f8b0ffb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}