{"version":"1.0","type":"rich","title":"Fork of D3 with React","description":"This example shows a yellow smiley face rendered as an SVG inside a React component, combining D3’s arc generator with React’s declarative element creation. The face uses D3’s `arc()` function to draw the mouth path, while the background circle and eyes are plain React `<circle>` elements. D3 v7 supplies the arc geometry, and React 17 handles mounting the component into the DOM via `ReactDOM.render`. The visualization is fully static, with no interactions or data binding.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/eefdc1f8491a403785021b772189930a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}