{"version":"1.0","type":"rich","title":"Smiley Face Part II - With React","description":"This example shows a smiley face rendered as two offset eyes and a yellow circle head with a thick black outline. The SVG is built declaratively using React components and JSX, with dimensions and positions defined as JavaScript constants. It uses React 17 and ReactDOM’s `render` method to mount the component into the DOM. All shapes are drawn with SVG `circle` elements, using attributes like `cx`, `cy`, `r`, `fill`, and `strokeWidth`, computed from the center coordinates and predefined offsets.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/15ba72d0b0e24ef9a43761ad676d71d9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}