{"version":"1.0","type":"rich","title":"Smiley transforms","description":"A smiling face is drawn with SVG shapes, centered on a yellow background circle, and composed of two black eyes and a curved mouth. The example demonstrates how to compose and transform a simple graphic using React-defined SVG components, including a `BackgroundCircle`, `Eyes`, and a `Mouth` built with d3’s `arc` generator. The mouth path is created by specifying inner and outer radii and angular extents, while the entire face is positioned and scaled via an SVG `transform` attribute applied to a group element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ef08a2ed053a48959f049dbdcb3135c6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}