{"version":"1.0","type":"rich","title":"DataViz training","description":"A static smiley face rendered as SVG components shows a red circle with eyes, a nose, and an arched mouth. The React code composes reusable elements like `BackgroundCircle`, `Eyes`, `Mouth`, and `Nose` inside a `FaceContainer` that centers the SVG group. D3’s `arc` API generates the mouth path, while other shapes use plain SVG circles. No data is loaded; the face’s dimensions and positions are fixed through React props passed from the main `App` component.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2b936842bf6740028ff16b0c37464160?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}