{"version":"1.0","type":"rich","title":"Make a Face Part 5 - Multiple Files with ES6 Modules","description":"This example draws a simple face composed of three SVG elements: a yellow background circle, two black eyes, and a mouth arc. The component uses React for JSX-based rendering and d3’s `arc` generator to define the mouth’s path. Hard-coded constants control dimensions and spacing, with all shapes centered via a group transform. The visualization demonstrates combining React components with ES6 modules and d3.v7 for static SVG composition.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/95525049d34c4970972eea0b8d9d00fc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}