{"version":"1.0","type":"rich","title":"p1","description":"This example shows a simple cartoon face rendered with React and D3. The face consists of a yellow background circle, two eyes, and an arc-based mouth, all composed as reusable React components that accept props for dimensions and positioning. The `<Face>` component assembles `BackgroundCircle`, `Eyes`, and `Mouth`, which uses D3's `arc()` generator to create the smile path. A `FaceContainer` SVG wrapper translates the coordinate system to center the face within a 960x500 viewport. The code uses React 16.7 for component rendering and D3 v7 for the arc shape, with the face's appearance defined entirely by prop values.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1efbec14831e4d47ac5c841e3324ebb7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}