Skip to content

component

SVG Chart

By Isaac Yi

Details

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.

Introduction

Line, bar, donut. No Chart.js.

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600170248/148/228/309/79/15
  • All · #6838