{"version":"1.0","type":"rich","title":"Smiley Face Part 3","description":"This example shows a smiley face composed of a yellow background circle, two eyes, and a curved mouth, all rendered as SVG elements. The components are built with React function components and use d3.v6’s `arc` generator to define the mouth path. The SVG is centered via a translate transform, with fixed dimensions and stroke widths. The code relies on React and ReactDOM for rendering, and d3 for the arc shape, producing a static, standalone visualization.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ff047798b0fa44958006446b6775994c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}