---
title: "LineChart — Free Framer component · Best of Framer"
description: "Free Framer component · by Solt Wagner · Charts. About this Component A versatile and fully customizable chart component for Framer that supports both line and bar visualizations."
canonical: "https://framer.elliotli.dev/component/linechart"
---

[Home](/)/[Components](/components)/[Charts](/components/category/charts)/LineChart

# LineChart

[View on Framer](https://framer.com/marketplace/components/linechart/?via=elliot-li)

![LineChart preview image 1](https://framer.elliotli.dev/og/component/linechart/d354e59285e2d0d4/1600x1200.jpg)

## Summary

About this Component A versatile and fully customizable chart component for Framer that supports both line and bar visualizations.

## Description

## About this Component

A versatile and fully customizable chart component for Framer that supports both line and bar visualizations. Easily adjust chart type, X and Y data, line style (wave or straight), line width, colors, font, and decimal precision. Ideal for data dashboards, reports, or interactive visualizations.

## Customizable Properties

-   Chart type Line or Bar
    
-   X Data
    
-   Y Date
    
-   Line style Wave or Straight
    
-   Line width
    
-   Colors
    
-   Font
    
-   Decimals
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #6449

## Details

- **Author**: Solt Wagner
- **Published**: 2025-07-29
- **Updated**: 2025-07-29
- **Added**: 2025-07-29
- **Categories**: Charts

## More like this

-   [29 Radar Chart](/component/29-radar-chart) — BrandingUp · Free — Spider chart with per-axis scales
-   [33 Bubble Chart](/component/33-bubble-chart) — BrandingUp · Free — Bubble chart with 3rd-value sizes
-   [Pricing Matrix](/component/pricing-matrix) — Ainsley Holmes · Free — Currency Payment Comparison Matrix
-   [Radial Dial](/component/radial-dial) — Oli Studio · $10 — Animated dial for a single metric