{"version":"1.0","type":"rich","title":"DataViz","description":"This example shows a single yellow smiley face rendered in SVG, with randomized facial features such as eye position, eye radius, mouth width, and mouth radius. The face is composed of reusable React components (`Face`, `BackgroundCircle`, `Eyes`, `Mouth`) assembled within an SVG container. The code uses React 17 and D3 v7, specifically the `arc` generator from `d3` to draw the mouth path, while `range` from D3 creates an array of one face. Each render produces a uniquely generated face due to random values assigned to its proportions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/94fc8f398a134e8f837f1767eb054973?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}