{"version":"1.0","type":"rich","title":"Smiley Face Part II","description":"This visualization renders three smiley faces at different scales, each composed of geometric SVG circles and an arc-based mouth. The faces demonstrate how component props like eye offset, pupil size, and mouth dimensions scale proportionally. Built with React and D3 v7, the code uses the `d3.arc()` API from the Mouth component to generate the smile path. FaceContainer wraps the SVG elements, transforming a central group to position each face within its allocated viewport. The array `[10, 5, 2.5]` in index.js drives the proportional sizing across the three rendered instances.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/25aec0dc66644dc2b7169f570d65f0c1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}