{"version":"1.0","type":"rich","title":"Compartmentalising - Smilie Face","description":"Ten smiling faces are rendered in a grid, each composed from reusable React components for the background circle, eyes, and mouth. Built with React and D3 v6, the example demonstrates component compartmentalization and SVG rendering. The mouth uses d3.arc to generate a path, while the faces are positioned by a FaceContainer that translates the coordinate system. The array from d3.range creates the repeated elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a4f5e8b437094d9bbebc5b78856d3ee0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}