A simple, flexible and powerful chart component for Framer that gives you full control over your data and presentation. Bring your own data as JSON, map the fields you want to use, and customize the chart to match your design system or layout.
The component supports both Bar Charts and Line Charts.
Paste your own JSON data to be used in the chart, or use fetch to use an external data source. Then manually map the data to be used in the X and Y axis. You are in control of the data, and how it's displayed
Multiple options to customize the charts are available, giving you the flexibility to style the charts to fit your theme:
Custom colors for each bar/line
Hide/Show X-axis labels
Hide/Show Y-axis labels
Hide/Show Legend labels
Hide/Show vertical grid line
Stack multiple bars into one (Bar Charts only)
Set stroke width (Line Charts only)
This component is actively supported.
If you run into issues, have questions, or want to suggest new features, join the Discord: https://discord.gg/S6sQ9p36