{"version":"1.0","type":"rich","title":"DataViz D3","description":"This example renders a simple smiley face using React and D3 within an SVG canvas. It shows a yellow circle head with two black eyes and an open mouth outlined as an arc. The visualization uses D3’s `arc()` generator to compute the mouth path, with static coordinates for the eyes and face. React manages the component structure, while D3 v5 provides the shape-drawing API, all displayed through SVG elements in a fixed 960×540 viewport.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d42896dbef4c4c2384de8185671af00d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}