{"version":"1.0","type":"rich","title":"Smiley Face Part V","description":"This example renders a classic yellow smiley face in an SVG canvas using React components. The visualization is built from three modular React files—`BackgroundCircle`, `Eyes`, and `Mouth`—that are composed within a single `<svg>` element. It uses React fragments to group multiple eye circles without extra DOM nodes, and leverages the D3.js `arc` API to draw a mouth as a semicircular path with a defined inner and outer radius. All elements are positioned relative to the canvas center via an SVG `<g>` transform, with fixed pixel dimensions for the face, eyes, and stroke width.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/291a1b5d99154ca49b92c45cf87a60e5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}