{"version":"1.0","type":"rich","title":"smiley","description":"This example draws a stylized smiley face using React functional components and D3’s `arc` generator. A large circle with a purple-to-pink linear gradient forms the face, while two smaller circles render the eyes and a D3-generated arc path creates the mouth. The SVG is centered via a translate transform, and both gradients are defined in `<defs>` to color the face and stroke. The visualization uses ReactDOM to mount the SVG output, with all geometry computed from fixed numeric constants rather than external data.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e526d45bde244335a27bb2fed70fac3b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}