{"version":"1.0","type":"rich","title":"moodchange","description":"This example shows a yellow smiley face that transitions from a neutral to a changed mood over two seconds. The eyes and mouth shift downward while the entire SVG rotates 180 degrees, creating a visual mood change. Built with React and D3 v5, the code selects an SVG element and uses `arc()` for the mouth path and chained `transition().duration()` calls to animate the eye group, mouth transform, and overall rotation. The rendering approach uses SVG with animated attribute changes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d7760746b2ff4aa8a9dd84f3cb731b29?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}