{"version":"1.0","type":"rich","title":"Creating a smiley face (with React)","description":"This example renders a smiley face as a static SVG graphic using React and ReactDOM. The code defines constants for dimensions, eye offsets, and radius, then composes three `<circle>` elements—one large yellow face with a black stroke, and two smaller black circles for eyes—within an SVG canvas. It uses React's JSX syntax to declare the SVG markup and ReactDOM's `render` method to inject the component into the page's `root` element. The face is drawn from computed center coordinates, with no interactive or animated behavior.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6b389011af4f4661bf6a6218356dbe28?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}