{"version":"1.0","type":"rich","title":"Making of a SVG","description":"This example generates a grid of eighteen cartoon faces, each rendered as a collection of SVG shapes including a yellow background circle, black eyes, and a smile. The faces are composed using React components like `Face`, `BgCircle`, `Eyes`, and `MouthArc`, with the latter leveraging the `d3.arc()` API to draw the mouth path. Randomized eye radius, mouth width, and mouth radius give each face a distinct expression. The `FaceContainer` wraps the SVG elements, translating the coordinate system to center each face within its designated width and height.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ba7d48ec742548a7872bbd240d40b997?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}