{"version":"1.0","type":"rich","title":"Fork of Hello HTML","description":"This D3.js v7 and React example renders a simple cartoon face built from SVG circles and an arc-based mouth. The `Face` component composes smaller components—`BackgroundCircle`, `Eyes`, and `Mouth`—inside a `FaceContainer` that translates the coordinate system to the center of the 960×500 viewport. The mouth shape is generated using D3’s `arc` API, which defines inner and outer radii and angular range. The code demonstrates component-based composition and parameterized positioning with props, though it does not show any underlying data source or interactive behavior.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ffe12d54789e41a6997894726717ff6d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}