{"version":"1.0","type":"rich","title":"Smiley","description":"A yellow circle with a black outline sits centered in a 960×500 SVG canvas, resembling a simplified smiley face without facial features. The example demonstrates a minimal React setup using raw SVG elements—specifically a `<circle>` with explicit `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width` attributes—rather than D3 or other visualization libraries. The styling resets body margins and hides overflow, while the static rendering shows a single geometric shape with no interactivity or data binding.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0534a7482efb4ef1802f68902f64f367?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}