{"version":"1.0","type":"rich","title":"Hello HTML","description":"This example shows two nearly identical smiley faces rendered side-by-side using React and SVG. Each face is composed of a yellow background circle, angular eyebrows, two eyes, and a mouth created as a path generated with the `d3.arc` API, giving it a specific thickness and arc length. The faces are assembled from separate React component files—`Face`, `FaceContainer`, `BackgroundCircle`, `Eyebrows`, `Eyes`, and `Mouth`—with coordinates and dimensions passed as props. Both faces are drawn with the same parameters, demonstrating a reusable, modular approach to SVG composition in a React and D3 v7 environment.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2dc521495edc494ba121e6c68f26597d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}