All Projects β†’ thekeenant β†’ Fcharts

thekeenant / Fcharts

Licence: mit
πŸ“Š [wip] Create beautiful, responsive, animated charts using a simple and intuitive API.

Programming Languages

dart
5743 projects

Projects that are alternatives of or similar to Fcharts

Timesheet.js
JavaScript library for HTML5 & CSS3 time sheets
Stars: ✭ 6,881 (+2063.84%)
Mutual labels:  library, charting-library
ipychart
The power of Chart.js with Python
Stars: ✭ 48 (-84.91%)
Mutual labels:  charts, charting-library
Orcharts
ι₯ΌηŠΆε›Ύγ€ηŽ―ε½’ε›Ύγ€ζ‰‡ε½’ε›Ύγ€ζ›²ηΊΏε›Ύγ€ζŠ˜ηΊΏε›Ύ
Stars: ✭ 125 (-60.69%)
Mutual labels:  library, charts
Plotly.js
Open-source JavaScript charting library behind Plotly and Dash
Stars: ✭ 14,268 (+4386.79%)
Mutual labels:  charts, charting-library
ux-charts
Simple, responsive, modern Charts with zero dependencies
Stars: ✭ 22 (-93.08%)
Mutual labels:  charts, charting-library
Angular Chartist.js
Angular directive for Chartist.js
Stars: ✭ 206 (-35.22%)
Mutual labels:  charts, charting-library
gauge-chart
Gauge Chart Library
Stars: ✭ 45 (-85.85%)
Mutual labels:  charts, charting-library
Anychart Android
AnyChart Android Chart is an amazing data visualization library for easily creating interactive charts in Android apps. It runs on API 19+ (Android 4.4) and features dozens of built-in chart types.
Stars: ✭ 1,762 (+454.09%)
Mutual labels:  charts, charting-library
Plotly.swift
Interactive data visualization library for Swift
Stars: ✭ 70 (-77.99%)
Mutual labels:  charts, charting-library
svg-time-series
SVG time-series charting library
Stars: ✭ 18 (-94.34%)
Mutual labels:  charts, charting-library
Graphic
A Flutter data visualization library based on Grammar of Graphics.
Stars: ✭ 173 (-45.6%)
Mutual labels:  charts, charting-library
Anychart
AnyChart is a lightweight and robust JavaScript charting solution with great API and documentation. The chart types and unique features are numerous, the library works easily with any development stack.
Stars: ✭ 288 (-9.43%)
Mutual labels:  charts, charting-library
Matplotplusplus
Matplot++: A C++ Graphics Library for Data Visualization πŸ“ŠπŸ—Ύ
Stars: ✭ 2,433 (+665.09%)
Mutual labels:  charts, charting-library
Keen Dataviz.js
Data Visualization Charting Library
Stars: ✭ 215 (-32.39%)
Mutual labels:  charts, charting-library
React D3 Components
D3 Components for React
Stars: ✭ 1,599 (+402.83%)
Mutual labels:  charts, charting-library
Blazorise
Blazorise is a component library built on top of Blazor with support for CSS frameworks like Bootstrap, Bulma, AntDesign, and Material.
Stars: ✭ 2,103 (+561.32%)
Mutual labels:  library, charts
Echarts
Apache ECharts is a powerful, interactive charting and data visualization library for browser
Stars: ✭ 49,119 (+15346.23%)
Mutual labels:  charts, charting-library
Svelte Frappe Charts
πŸ“ˆ Svelte bindings for frappe-charts.
Stars: ✭ 111 (-65.09%)
Mutual labels:  charts, charting-library
HCLineChartView
HCLineChartView is a beautiful iOS library for drawing line charts. It is highly customizable and easy to use.
Stars: ✭ 22 (-93.08%)
Mutual labels:  charts, charting-library
Animatefx
A library of +70 ready-to-use animations for JavaFX
Stars: ✭ 254 (-20.13%)
Mutual labels:  library, animated

fcharts

Build Status Pub Status

A work-in-progress chart library for Flutter. 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 on Flutter widgets and animations. If you have used Recharts (ReactJS library) you will find the high level API to be somewhat familiar.

Demo

Bar chart demo

Example Usage

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<List<String>, 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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].