{"version":"1.0","type":"rich","title":"Smiley Face Part II","description":"This example renders a smiley face from reusable React components inside an SVG. It uses the D3 `arc` generator in the `Mouth` component to create a semi-circular path, while `BackgroundCircle` and `Eyes` draw simple circles with fixed offsets and radii. The `index.js` file sets coordinates for the center, eye spacing, and mouth dimensions, then passes them as props within a transformed `<g>` element. The visualization demonstrates component composition and parameterized drawing with D3 v7 and React, using only static SVG markup without interactivity or data loading.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/688ddf8f89034acdb7875092012750d7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}