{"version":"1.0","type":"rich","title":"Making a Smiley Face with D3","description":"This example shows how to build a smiley face using React, SVG, and D3. It renders a yellow circle for the face, two smaller circles for the eyes, and a smile created with the `d3.arc` function from the `d3-shape` module. The code uses JSX to define the SVG elements and JavaScript to compute the arc path, with D3’s arc generator handling the start and end angles for the mouth. The face is centered using a translation transform based on computed dimensions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ea1ffb316fbf44d2bdd3f20c6a88b2c1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}