{"version":"1.0","type":"rich","title":"Smiley Face","description":"A yellow smiley face rendered with React and D3 occupies a fixed 960 by 500 SVG canvas. The code builds the face manually using SVG circles for the head and eyes, and a D3 arc generator (`arc()`) with a `path` element to create the mouth. The face is centered with a group transform, and React manages the component structure using JSX. The example demonstrates simple, declarative SVG composition within a React component, using D3 solely for generating the arc path data.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/321edcf9606e4f6081790bd087d2e315?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}