{"version":"1.0","type":"rich","title":"First program","description":"This example shows a simple cartoon face rendered with React and D3.js in an SVG. It uses three reusable components—BackgroundCircle, Eyes, and Mouth—to compose a yellow circle with black outlined eyes and an arc-based mouth. The components accept props to control dimensions like radius, eye offset, and stroke width. D3’s `arc()` API generates the mouth path, while React handles component structure and SVG rendering. The face is centered via an SVG `<g>` transform, and all styling is applied through inline SVG attributes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6f6e1d6054534f4c81042124f2f6ce4b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}