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.