{"version":"1.0","type":"rich","title":"SVG fundamentals","description":"This example shows how to create a single SVG circle using React and SVG fundamentals in an HTML page. The code renders a circle element with fixed cx, cy, and r attributes, demonstrating basic SVG shape construction without external data or interaction. It uses the native SVG API directly in JSX, with the circle centered at coordinates 50,50 and a radius of 50 pixels, illustrating the core syntax for vector graphics in a browser context.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/13ee522048a34dd3b20991eb7ca510ec?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}