{"version":"1.0","type":"rich","title":"circle through Q","description":"This example displays a circular diagram overlaid on a Cartesian grid, with four curved paths connecting edge points to form a rounded shape. The visualization demonstrates quadratic Bézier curves using SVG path commands, where each curve passes through a control point near the center. A blue circle outlines the full circumference, while a smaller red circle marks the central origin. The grid uses 10-unit spacing with thicker lines at the 50-unit midpoint, and text labels indicate angles at 90, 180, 270, and 360 degrees. The rendering relies on native SVG elements within a React framework, using the `d` attribute for path geometry and inline CSS for styling.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ce240ddf19a84178b17c6e46eef56a6b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}