{"version":"1.0","type":"rich","title":"Episode 9: Let’s Make a Face Part V multiple files with ES6 modules","description":"This example shows a simple cartoon face composed of modular React components, with a yellow facial background, two eyes, and an arc-shaped mouth rendered as SVG elements. The components are defined in separate ES6 module files and assembled in a central `App` component, which sets positions and sizes via props. The mouth uses D3’s `arc` generator to create its path, while the background and eyes are plain circles. The SVG is centered using a `<g>` transform, and the app is mounted with ReactDOM.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9da4d14fddde4fcfa6f140ba0febd1be?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}