{"version":"1.0","type":"rich","title":"D3 - Smile","description":"This example renders a simple smiley face using React components and D3’s `arc` API to generate the mouth path. The SVG scene shows a pink background circle, two black eyes positioned with offsets, and a semicircular mouth drawn on a 960×500 canvas. The code imports `React`, `ReactDOM`, and `arc` from D3 v7, while React 16 handles the component tree. No data source is used; the visualization is entirely programmatic, with D3 only computing the arc shape and React managing the SVG elements and styling.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9f61143e147642b889cc12591191747d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}