{"version":"1.0","type":"rich","title":"d3-vis","description":"This example renders a stylized yellow face composed of SVG circles and a D3-generated mouth arc. The React component hierarchy—FaceContainer, BackgroundCircle, Eyes, and Mouth—positions elements via a translated coordinate system. The mouth uses d3.arc with explicit inner and outer radii plus start and end angles. Static props define all dimensions, and ReactDOM renders the composition into the DOM.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/711c6da5cfbb47eea9e55d6c300bf8fd?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}