{"version":"1.0","type":"rich","title":"Hello HTML","description":"This example renders a simple cartoon face using React components and SVG. It shows a yellow circle face with two eyes and a mouth, centered on a 960x500 canvas. The code defines reusable components like `BackgroundCircle`, `Eyes`, and `Mouth`, which use d3’s `arc` to generate the mouth path. The face is composed declaratively via React props in `Face.js`, with `FaceContainer` providing the SVG root and coordinate transforms. The main app sets dimensions and offsets directly in JSX, targeting plain HTML via ReactDOM.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2869457904714333a1a0792675a33af8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}