{"version":"1.0","type":"rich","title":"Smiley Face","description":"This example uses the React framework to construct a smiley face as an SVG graphic. The visualization is built from three modular components: a yellow background circle, two eyes, and a mouth. The mouth is generated using the `d3.arc()` API to create a path with a specified inner and outer radius. The face is centered within an 960 by 500 pixel SVG canvas using a translation transform. The code demonstrates how React components and D3's path generation can be combined for simple, declarative graphics.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2d57bc9bb25d422dbec2aa41906c3d93?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}