{"version":"1.0","type":"rich","title":"Smiley Face.1","description":"This example renders a stylized smiley face as a static SVG graphic within a React component. The face is composed of a yellow circle with a black stroke, two small circles for eyes, and an arc-shaped mouth created using the `d3.arc` API. The coordinates for the face elements are computed relative to the center of the 960×500 canvas, and the mouth path is generated with start and end angles. The code imports React, ReactDOM, and the `arc` function from d3.v7, and renders the final SVG into the page’s root element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ae972a91d0694614a8545146f3d33d59?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}