{"version":"1.0","type":"rich","title":"02-react","description":"This example shows a smiley face rendered as a static SVG composed of three circles: a yellow head with a black outline and two black eyes. It demonstrates fundamental React DOM manipulation by embedding SVG elements directly in JSX, using React 18 and ReactDOM to mount the component. The code defines variables for dimensions and offsets, then renders the circles with fixed positions and radii.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ee565aca42bf4c6d81be530c48a5fe26?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}