{"version":"1.0","type":"rich","title":"05-multiple files & es6\n      modules","description":"This example renders a cartoon face using React components for each facial feature—background circle, eyes, mouth, and nose—composed inside an SVG element. The face is centered and built from separate ES6 modules, each exporting a reusable component that accepts configuration props like radius, offsets, and dimensions. It leverages React’s declarative syntax to construct the SVG markup, and the mouth shape is generated using d3’s `arc()` function to create a path with a specified inner and outer radius. All elements are positioned relative to the center using an SVG transform, and styling is kept minimal with a full-viewport layout.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9a1a311ffb52495c84aee449d0528fb7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}