{"version":"1.0","type":"rich","title":"Smiley face part 1","description":"This example displays a grid of procedurally generated smiley faces, each with a yellow circular head, black stroke, two eyes, and a mouth shaped as a half-arc. The code uses React components to compose the face from separate elements, while D3’s `arc` API defines the mouth path. Random values for stroke width, eye offset, eye radius, and mouth dimensions, generated with the `range` and `Math.random` functions, make every face unique. The SVG rendering is handled through a `FaceContainer` that applies a center translation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2dfc22d458074a99b054e4ee6a9912cd?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}