{"version":"1.0","type":"rich","title":"Create a smiling face","description":"This example shows a smiling face rendered as a yellow circle with two black eyes and a curved mouth, centered in an SVG canvas. It demonstrates how to build a custom shape using React components and D3’s `arc` generator, which defines the mouth as a path with inner and outer radii and specific start and end angles. The face is drawn with basic SVG elements like `circle` and `path`, positioned using a `<g>` transform, and styled with stroke and fill attributes. The code relies on React for rendering and d3.arc for the mouth geometry, with fixed dimensions and coordinates.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4cd97eb2f29d40bfaa5a8752bab7598d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}