{"version":"1.0","type":"rich","title":"Smiley Face Project","description":"This interactive visualization generates a grid of eighteen procedurally varied smiley faces using React and D3.js. Each face is composed of SVG primitives—a yellow background circle, two black eyes, a curved mouth, and rectangular eyebrows—whose dimensions and positions are randomized for every instance. The `Face` component assembles these parts, while the `FaceContainer` applies a rotation to the entire group. The mouth shape is created using D3's `arc` generator to produce a semicircular path, and the faces are rendered into an HTML canvas within a React application.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0e512726ec394113b8595a21032a4e63?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}