Skip to content

SVG Chart

Line, bar, donut. No Chart.js.

SVG Chart preview image 1

Summary

A multi-type SVG chart component for Framer — renders line, bar, and donut charts with pure SVG (no Chart.js, no D3).

Description

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.

Rank history How rankings work →

125015001750186858/149/49/2610/1811/9
  • All · #7187

Details

More like this