{"version":"1.0","type":"rich","title":"SmileyReact","description":"A yellow smiley face rendered as scalable vector graphics appears centered in an SVG canvas, with two black circular eyes positioned symmetrically on either side. The example demonstrates React’s component-based rendering, using the React and ReactDOM production builds to mount an `App` component that declaratively defines three `<circle>` elements. The face’s dimensions, offsets, and stroke widths are set as JavaScript constants, and the SVG output is embedded directly in the DOM via `ReactDOM.render`. No interaction or animation is implemented.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0bfbbe92c00446deb4fdf174479e426e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}