{"version":"1.0","type":"rich","title":"first_svg_manipulation","description":"This example shows an animated smiley face constructed from SVG shapes, including a yellow circle head, eyes, eyebrows, and a nose, with a mouth drawn using D3’s `arc` generator. The eyebrows animate up and down through chained `transition().duration()` calls, moving the group containing them via the `transform` attribute. The code imports `select` and `arc` from D3 v5, uses an SVG canvas with React as the framework, and manually positions all elements based on the SVG’s width and height attributes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/11d43adb22ea4e89a96c6bc8ab7c659f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}