{"version":"1.0","type":"rich","title":"Fork of Hello HTML","description":"This example renders a simple smiling face entirely with React components and SVG shapes, using D3.js only to generate the mouth’s arc path. The face combines a yellow background circle, two eyes, and a curved mouth, all positioned relative to a central coordinate. The code defines separate React components for each facial feature, with D3’s `arc` API computing the mouth’s path from radius and width values. The face is drawn at a fixed 960 by 500 viewport with no data source, purely demonstrating reusable component composition and declarative SVG rendering in React.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/573bbb4035b348ce83966a819dac5239?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}