{"version":"1.0","type":"rich","title":"Smiley Face Part I","description":"This example builds a smiley face using React and SVG. It defines reusable components for the face's background circle, eyes, and mouth, which are then assembled within a central `FaceContainer` that handles the SVG coordinate system. A yellow circle provides the base, with black eyes and a mouth drawn using a D3 arc, which creates a smile by sweeping between specific angles. The face's proportions are controlled by configurable parameters like eye offset and mouth radius, allowing for easy customization.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c27c3092b5e54532ae0b30216ae20608?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}