Giter Club home page Giter Club logo

flarts's Introduction

Flarts - Flutter Charts

Pub

Flutter + Charts = Flarts

Flarts is a graphing/charting package for Flutter.

S&P 500 in red, Dow Jones Index in green

Features

  • Multiple data sets and plot types on a single Flart

  • Auto-fit

    • By default Flarts will size each axis to fit the min and max of the data plotted on that axis.
  • Auto-labelling

    • Label values are be interpolated from the type of data on the axis.
  • Direction-agnostic axes

    • Your range axes don't have to be vertical and your domain axes don't have to be horizontal. Use what you want.
  • Customization

    • Axis Labels

      • The label text can be interpolated from the data on that axis, or it can be the index of the label.
      • Frequency: Label every gridline, every other gridline, none, or provide your own labels.
    • Axes Side/Direction

      • Any axis can be vertical or horizontal.
      • Any vertical axis can be on the left or right.
      • Any horizontal axis can be on the top or bottom.
    • Axes Gridlines

      • The number of gridlines on each axis can be specified.
    • Styling

      • Color can be specified for each data plot.
      • Styling customization is largely in progress. The first goals are:
        • Custom TextStyle on labels
        • Custom PaintStyle for gridlines, the chart background, and the chart border
    • Plot types

      • Line
      • Bar
      • More plot types are currently in development. The first goal is candlesticks (OHLC).

Examples

All examples shown below are screenshots from the example app included in the library.

Simple data, simple example

This basic example uses a custom range axis (from 10-25), and doesn't provide a custom domain axis so the chart fits the domain data.


Spark chart

The Spark Chart is a sleek pre-styled chart with no labels or gridlines.


Multiple data sets and plot type

This chart plots the price of the S&P 500 and Dow Jones Indices, as well as the volume of the S&P 500 Index, from April 10 2018 to April 10 2019. The S&P price is drawn in red, the Dow Jones price in green, and the S&P volume in blue (the bars).

All three data plots share the same domain axis, which is derived from the dates in the price data. The labels on the left axis are interpolated from the S&P's volume data. The labels on the right axis are interpolated from the S&P's price data.


flarts's People

Contributors

mtcliatt avatar thedejifab avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

flarts's Issues

Support custom label styling

Probably only want to support one style per chart to reduce chartjunk and keep the size calculations a lot simpler.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.