{"version":"1.0","type":"rich","title":"Smile face using react","description":"This example renders a smiling face as a reusable React component, showing how SVG elements compose into a simple data visualization. The face is drawn with a yellow background circle, two black eyes, and a curved mouth, all positioned relative to a central point. The code builds the face from modular React components—BackgroundCircle, Eyes, and Mouth—within a FaceContainer that sets up the SVG coordinate system. The mouth uses the d3 arc generator to create its curved path, while React manages the SVG rendering and prop-based customization of size and positioning.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/73cb556ba6d543bcb356f6daf6077ca3?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}