A multi-type SVG chart component for Framer — renders line, bar, and donut charts with pure SVG (no Chart.js, no D3). Fully panel-driven: enter data points (label, value, color) directly from the property panel, toggle grid lines, switch between dark and light themes, and adjust accent color. Includes hover tooltips with label and value display. Width (600–1400px) and height (240–600px) are both adjustable. Zero external dependencies, zero layout shift.

A multi-type SVG chart component for Framer — renders line, bar, and donut charts with pure SVG (no Chart.js, no D3). Fully panel-driven: enter data points (label, value, color) directly from the property panel, toggle grid lines, switch between dark and light themes, and adjust accent color. Includes hover tooltips with label and value display. Width (600–1400px) and height (240–600px) are both adjustable. Zero external dependencies, zero layout shift.