{"version":"1.0","type":"rich","title":"Fork of Hello HTML","description":"This example shows a smiley face built with React and D3, rendered as an SVG. The face uses D3’s `arc` generator to create the mouth, with circles for the eyes and head, and explicit stroke and fill attributes for the outline. The React component passes SVG properties like `cx`, `cy`, `r`, and `stroke-width` directly to the elements. The code demonstrates combining React’s declarative component structure with D3’s geometric utilities to produce static, data-driven graphics without any interaction or animation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2aee6e360247468eb1e8bc3f852abd40?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}