{"version":"1.0","type":"rich","title":"hheli_d3rct_1","description":"This example shows a stylized, data-free face composed of a yellow circular background, two eyes, and a mouth, rendered with React components and SVG. The visualization demonstrates how to build a modular SVG scene using reusable components like `BackgroundCircle`, `Eyes`, and `Mouth`, each accepting numeric props for positioning and sizing. The `Mouth` component uses d3's `arc` function to generate a semicircular path, while the `FaceContainer` wraps everything in an SVG group translated to the center. The code uses React 18 and d3.v7, with a fixed width and height, and does not involve data binding or interactivity.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/25b270a0c83345e49d74a9f5ccd214cf?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}