{"version":"1.0","type":"rich","title":"CSV","description":"This example renders a yellow smiley face using React and D3.js, with SVG circles for the face and eyes and a D3 arc generator for the mouth. The shape is centered in a 960-by-500 viewport, with a black stroke around the yellow background circle. It demonstrates how React components integrate with D3’s `arc` API to build static geometric visuals from hardcoded dimensions. The mouth path is created via `arc()` with specified inner and outer radii and angular extents, while the eyes and background are plain SVG elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/529558b298654cbe8f75e78598c8bffa?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}