{"version":"1.0","type":"rich","title":"Pie Chart Test","description":"This interactive pie chart demonstrates how SVG paths can draw and manipulate arc sectors in real time. The page renders a single pie chart using a custom web component (`vc-piechart`) built on the native SVG API, with controls to add, remove, and adjust each sector’s color, stroke, start angle, arc length, inner/outer radius, and x/y offsets. Separate panels allow creating linear gradients and editing their stop colors, offsets, and coordinate vectors. The visualization relies on JavaScript classes (`vcSector`, `vcGradient`, `vcSvgManager`) and DOM manipulation to update the rendered paths dynamically.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7f51f17b865346818e13838c3c05fab5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}