{"version":"1.0","type":"rich","title":"Rough with React","description":"This example shows a hand-drawn smiley face constructed from reusable React components, including a yellow circle background, symmetric eyes, and an arc-based mouth. It emphasizes component composition with React fragments and props for customization. The visualization uses React 17 with SVG rendering, and the mouth path is generated using D3’s `arc()` function. A separate Pie chart from `react-roughviz` is also rendered, using data labels and values with custom colors and rough styling, though the smiley face is the primary focus.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7591a8ef2de54bb390ce723ec61486f7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}