{"version":"1.0","type":"rich","title":"Smiley Face Part I","description":"This visualization displays a simple smiley face constructed from three yellow and black SVG circles: a large face with a black outline and two smaller black circles for eyes. Built with React and D3 v6, the code uses the `arc` import from D3 and renders the graphic through SVG elements. The face is centered on a 960 by 500 canvas, with the eye positions calculated using offsets from the center point. The example demonstrates basic SVG shape creation within a React application, using hard-coded coordinates and dimensions rather than external data.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9ba496551c5c450ebc20c2b00375760f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}