{"version":"1.0","type":"rich","title":"React Components","description":"A React component renders a yellow smiley face as an SVG, with the face centered on a 960 by 500 canvas. The example demonstrates composing D3's `arc` generator inside JSX to draw the mouth, while circles for the eyes and a reusable `BackgroundCircle` component handle the other shapes. React 16.9 and D3 v5 are loaded via UMD scripts, and `ReactDOM.render` mounts the component to the page. The code shows styling through SVG attributes like `stroke-width` and uses D3's `arc` for the path geometry.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b60ddf9511aa4c4cba12eeba79513a60?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}