{"version":"1.0","type":"rich","title":"Steve's Smiley Face Part I","description":"This example shows a yellow smiley face with two eyes and an arc-shaped mouth, rendered as SVG inside a React app. A dropdown lets the viewer toggle the look direction between left and right, which changes a wink eye’s position offset. The face is built with basic D3 shapes—`circle` elements for the head and eyes, and `d3.arc` for the mouth path—positioned using a centered translation. React manages the UI state, while the d3.v5 library handles the geometric calculations in an SVG coordinate system.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0ee6ea4a7131401784cb78d3b6567f6c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}