{"version":"1.0","type":"rich","title":"New Face","description":"This example shows a simple yellow circular face rendered in SVG using React components. The `Smiley` component composes a `FaceContainer` with an SVG `<circle>` for the face and a nested `<circle>` for the eye, positioned via offsets. The `index.js` file sets the canvas dimensions and renders the face centered on screen with ReactDOM. The visualization uses React 16.7, D3 v7 for the `arc` import, and SVG transforms to position elements relative to the center point.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/24046acc43274088a64855ee83b8e080?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}