Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thekeenant/fcharts
:bar_chart: Create beautiful, responsive, animated charts using a simple and intuitive API.
https://github.com/thekeenant/fcharts
animated animation charting-library charts dart flutter library
Last synced: 7 days ago
JSON representation
:bar_chart: Create beautiful, responsive, animated charts using a simple and intuitive API.
- Host: GitHub
- URL: https://github.com/thekeenant/fcharts
- Owner: thekeenant
- License: mit
- Created: 2018-03-20T03:34:34.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2020-06-22T13:47:44.000Z (over 4 years ago)
- Last Synced: 2025-01-07T06:13:20.429Z (14 days ago)
- Topics: animated, animation, charting-library, charts, dart, flutter, library
- Language: Dart
- Homepage: https://pub.dartlang.org/packages/fcharts
- Size: 318 KB
- Stars: 325
- Watchers: 10
- Forks: 45
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
- awesome-flutter - FCharts - Beautiful, responsive, animated charts by [Keenan Thompson](https://keenant.com). (Components / Map)
README
# fcharts
[![Build Status](https://travis-ci.org/thekeenant/fcharts.svg?branch=master)](https://travis-ci.org/thekeenant/fcharts)
[![Pub Status](https://img.shields.io/pub/v/fcharts.svg)](https://pub.dartlang.org/packages/fcharts)A **work-in-progress** chart library for [Flutter](https://flutter.io). Until version `1.0.0` the API is subject to change
drastically. Needless to say, fcharts is _not_ production ready.The goal of this project is to allow for creating beautiful, responsive charts using a simple
and intuitive API.Inspired by
[Mikkel Ravn's tutorial](https://medium.com/flutter-io/zero-to-one-with-flutter-43b13fd7b354)
on Flutter widgets and animations. If you have used [Recharts](https://recharts.org) (ReactJS
library) you will find the high level API to be somewhat familiar.## Demo
![Bar chart demo](https://i.imgur.com/D1Rd7jk.gif)
## Example Usage
```dart
class SimpleLineChart extends StatelessWidget {
// X value -> Y value
static const myData = [
["A", "✔"],
["B", "❓"],
["C", "✖"],
["D", "❓"],
["E", "✖"],
["F", "✖"],
["G", "✔"],
];
@override
Widget build(BuildContext context) {
return new LineChart(
lines: [
new Line, String, String>(
data: myData,
xFn: (datum) => datum[0],
yFn: (datum) => datum[1],
),
],
chartPadding: new EdgeInsets.fromLTRB(30.0, 10.0, 10.0, 30.0),
);
}
}
```The above code creates:
![line chart](https://i.imgur.com/839SSin.jpg)