{"version":"1.0","type":"rich","title":"Emoji with React","description":"A yellow emoji face with black stroke, two eyes, and a red mouth rendered as SVG using React components. The code defines reusable React elements like `Face` and composes them within an SVG group transformed to the canvas center. It leverages `d3.arc` from d3.v7 to generate the mouth path, while React 17 manages the component structure and rendering. Layout constants for eye offset, radius, and mouth dimensions are defined inline, demonstrating the integration of D3's shape generators with React's declarative JSX syntax.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/916b0692dca744ffb24673058fe1476d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}