# imanneo/fl_chart

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/imanneo-fl-chart).**

7,533 stars · 1,964 forks · Dart · MIT

## Links

- GitHub: https://github.com/imaNNeo/fl_chart
- Homepage: https://flchart.dev
- awesome-repositories: https://awesome-repositories.com/repository/imanneo-fl-chart.md

## Topics

`barchart` `candlestick` `candlestick-chart` `candlesticks` `chart` `charts` `datasets` `fl-chart` `flutter` `flutter-widget` `graph` `hacktoberfest` `linechart` `piechart` `radar-chart` `radar-graphs` `scatter-chart` `scatter-plot`

## Description

fl_chart is a data visualization library and UI component framework for Flutter. It provides a system of reusable graphical widgets for creating interactive, customizable quantitative data visualizations.

The framework supports a variety of chart types, including line, bar, pie, donut, scatter, radar, and candlestick views. It allows for the creation of complex visualizations such as layered data segments and financial charts.

The library includes capabilities for interactivity and visual refinement, such as touch event handling, data tooltips, and state animations. It also provides tools for chart annotations, including data point labeling, area markers, and error indicator visualization.

## Tags

### Mobile Development

- [Data Visualization Libraries](https://awesome-repositories.com/f/mobile-development/cross-platform-frameworks/flutter/data-visualization-libraries.md) — Ships a comprehensive collection of customizable charts including line, bar, pie, and radar views for Flutter applications.
- [UI Component Libraries](https://awesome-repositories.com/f/mobile-development/cross-platform-frameworks/flutter/ui-component-libraries.md) — Provides a set of reusable graphical widgets for rendering quantitative data as visual charts.

### Data & Databases

- [Bar Charts](https://awesome-repositories.com/f/data-databases/data-analysis-visualization/analytical-platforms-engines/data-analysis-tools/bar-charts.md) — Provides vertical and horizontal bar charts with customizable alignment and grid lines. ([source](https://github.com/imaNNeo/fl_chart/blob/main/repo_files/documentations/bar_chart.md))
- [Pie Charts](https://awesome-repositories.com/f/data-databases/data-analysis-visualization/visualization-frameworks-libraries/chart-components-utilities/pie-charts.md) — Renders data as circular pie or donut sections with configurable colors and gradients. ([source](https://github.com/imaNNeo/fl_chart/blob/main/repo_files/documentations/pie_chart.md))
- [Radar Chart Renderers](https://awesome-repositories.com/f/data-databases/data-visualization-charts/radar-chart-renderers.md) — Visualizes multiple data sets on a radial grid using customizable polygons to compare variables. ([source](https://github.com/imaNNeo/fl_chart/blob/main/repo_files/documentations/radar_chart.md))
- [Scatter Charts](https://awesome-repositories.com/f/data-databases/data-visualization-charts/scatter-charts.md) — Plots data points on a two-dimensional coordinate system to visualize correlations between variables. ([source](https://github.com/imaNNeo/fl_chart/blob/main/repo_files/documentations/scatter_chart.md))
- [Chart Annotations](https://awesome-repositories.com/f/data-databases/data-analysis-visualization/visualization-frameworks-libraries/data-visualization/custom-data-line-visualization/chart-annotations.md) — Allows adding horizontal and vertical lines or range markers to highlight specific values within charts. ([source](https://github.com/imaNNeo/fl_chart/blob/main/repo_files/documentations/line_chart.md))
- [Interaction and Event Handling](https://awesome-repositories.com/f/data-databases/data-analysis-visualization/visualization-frameworks-libraries/interaction-event-handling.md) — Captures touch and pointer events on chart sections to trigger callbacks or modify the cursor. ([source](https://github.com/imaNNeo/fl_chart/blob/main/repo_files/documentations/pie_chart.md))
- [Candlestick Charts](https://awesome-repositories.com/f/data-databases/data-visualization-charts/candlestick-charts.md) — Visualizes financial data using customizable candlestick spots, axes, and background colors. ([source](https://github.com/imaNNeo/fl_chart/blob/main/repo_files/documentations/candlestick_chart.md))

### Graphics & Multimedia

- [Custom Drawing Routines](https://awesome-repositories.com/f/graphics-multimedia/graphics-engines-rendering/rendering/engines/canvas-vector-graphics/custom-shape-rendering/custom-renderable-interfaces/custom-drawing-routines.md) — Uses low-level canvas drawing routines to render chart series and data points with high precision.
- [Scale-Based Coordinate Mappings](https://awesome-repositories.com/f/graphics-multimedia/visualization-mapping/scale-based-coordinate-mappings.md) — Translates raw quantitative data values into screen pixel coordinates using configurable mathematical scales.
- [Visual State Interpolation](https://awesome-repositories.com/f/graphics-multimedia/visual-state-interpolation.md) — Animates transitions between data states by interpolating visual values over specified durations and curves.

### User Interface & Experience

- [Charting Frameworks](https://awesome-repositories.com/f/user-interface-experience/data-visualization-tools/data-visualization/charting-frameworks.md) — Implements a comprehensive engine for programmatic rendering of charts with support for touch events, tooltips, and state animations.
- [Line Charts](https://awesome-repositories.com/f/user-interface-experience/data-visualization-tools/data-visualization/specific-chart-types/line-charts.md) — Renders data points as connected lines with support for multiple series and area fills. ([source](https://github.com/imaNNeo/fl_chart/blob/main/repo_files/documentations/line_chart.md))
- [Chart Animations](https://awesome-repositories.com/f/user-interface-experience/chart-animations.md) — Provides smooth, configurable motion transitions between different data states in visualizations. ([source](https://github.com/imaNNeo/fl_chart/blob/main/repo_files/documentations/bar_chart.md))
- [Polar-to-Cartesian Converters](https://awesome-repositories.com/f/user-interface-experience/coordinate-systems/coordinate-converters/polar-to-cartesian-converters.md) — Translates polar coordinate inputs into Cartesian screen coordinates to render radar and pie charts.
- [Data Point Tooltips](https://awesome-repositories.com/f/user-interface-experience/data-point-tooltips.md) — Shows contextual information bubbles above touched data points with customizable styling. ([source](https://github.com/imaNNeo/fl_chart/blob/main/repo_files/documentations/candlestick_chart.md))
- [Data Point Labels](https://awesome-repositories.com/f/user-interface-experience/data-point-tooltips/data-point-labels.md) — Displays customizable text labels next to individual data points for identification and description. ([source](https://github.com/imaNNeo/fl_chart/blob/main/repo_files/documentations/scatter_chart.md))
- [Hit Testing Systems](https://awesome-repositories.com/f/user-interface-experience/hit-testing-systems.md) — Provides hit-testing logic to detect interactions by calculating distances between touch coordinates and data points.
- [Chart Visual Style Customizations](https://awesome-repositories.com/f/user-interface-experience/visual-style-customization/chart-visual-style-customizations.md) — Customizes individual chart slices with borders, rounded corners, and custom badge widgets. ([source](https://github.com/imaNNeo/fl_chart/blob/main/repo_files/documentations/pie_chart.md))