{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates how to assemble a stylized face from fundamental SVG shapes within a React application, utilizing D3’s arc generator for the mouth. The composition layers a yellow circle with a black stroke as the background, two eye circles, and a D3 `arc` path for the smile within an SVG container. The `FaceContainer` component handles the SVG coordinate system, translating the center point while the `Face` component coordinates the layout and sizing of each facial feature through configurable props.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9201304990774d47aa16b841542a25a2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}