{"version":"1.0","type":"rich","title":"Let's Make a Face Part I","description":"This example renders eighteen identical cartoon faces in a grid using React components, each composed of a yellow background circle, two black eyes, and a curved mouth. The faces are generated from an array created with `d3.range`, and each face is drawn as SVG elements within a transformed group. The mouth shape is computed using the `d3.arc` API, with inner and outer radii and angular start and end points defining its curve. React’s component-based structure, including `FaceContainer`, `BackgroundCircle`, `Eyes`, and `Mouth`, demonstrates a modular approach to building and repeating SVG visualizations.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bfae2e2dd70243b6a505626c29ebf4e2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}