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: about 2 months ago
JSON representation

:bar_chart: Create beautiful, responsive, animated charts using a simple and intuitive API.

Lists

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)