A library to draw fantastic bar charts race in Flutter

Overview

bar_chart_race

The first library to draw fantastic bar charts race in Flutter

Usage

Let's get started

add the dependencies to your app:

dependencies:
  bar_chart_race: ^0.0.4

then import it:
import 'package:bar_chart_race/bar_chart_race.dart';

then you can simply use:

BarChartRace(
            data: data,
            initialPlayState: true,
          )

this will create a bar chart with random colors and animate it.
the data and initialPlayState are required and here the exmplanation for most of the properties

  • data: the data you are going to show and it should contains at lease two rows and two columns
  • initialPlayState: if it's true then the bar chart will be animated
  • framesPerSecond: defines the number of frames to show per seconds
  • columnsLabel: represents the name of the columns
  • statesLabel: represents the name of the rows (usually time)
  • numberOfRactanglesToShow: represents the number of the first columns to show
  • title: The title of the bar chart race
  • columnsColor: the color of each rectangle

Contribution

pull requests are welcome!

Last but not least

the package is still in its first version so it may contains some issues.

You might also like...

Flutter package for creating simple yet modern looking charts

Flutter package for creating simple yet modern looking charts

A package for creating simple yet modern looking charts. Five chart types Bar Gauge Line Pie Radar Canvas + DOM modern_charts combines Canvas and DOM

Nov 4, 2022

Flutter Cryptocurrency Charts application based on Clean Architecture.

Flutter Cryptocurrency Charts application based on Clean Architecture.

About the project The purpose of this project is to develop the best Cryptocurrency, markets data and charts experience. This project has been built u

Jan 1, 2023

Charts [2148⭐] - By Google Team.

Charts is a general charting library, currently enabled for the Flutter mobile UI framework. See the online gallery for supported chart types and exam

Dec 31, 2022

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

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

fcharts 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 pr

Dec 21, 2022

In this project you will see how to generate charts with the data from the Firestore.

In this project you will see how to generate charts with the data from the Firestore.

FlutterChartFirestore Flutter Tutorial - Flutter Charts+Firestore Video series can be watched here https://youtu.be/HGkbPrTSndM Getting Started In thi

Oct 21, 2022

Draw dashed lines with any shape and style you want. Just like that.

Draw dashed lines with any shape and style you want. Just like that.

dashed_line Draw dashed lines with any shape and style you want. Just like that. Usage Add the dependency to your pubspec.yaml (you can see the newest

Dec 20, 2022

A powerful Flutter chart library, currently supporting Line Chart, Bar Chart, Pie Chart, Scatter Chart and Radar Chart.

A powerful Flutter chart library, currently supporting Line Chart, Bar Chart, Pie Chart, Scatter Chart and Radar Chart.

FL Chart 💥 A library to draw fantastic charts in Flutter 💥 Chart Types LineChart BarChart PieChart Read More Read More Read More ScatterChart RadarC

Dec 27, 2022

A Flutter data visualization library based on Grammar of Graphics.

A Flutter data visualization library based on Grammar of Graphics.

Graphic is now under a total refactoring. The prior available version code is here: v0.3.0 . A Flutter data visualization library based on Grammar of

Jan 3, 2023

A beautiful bezier line chart widget for flutter that is highly interactive and configurable.

A beautiful bezier line chart widget for flutter that is highly interactive and configurable.

Bezier Chart A beautiful bezier line chart widget for flutter that is highly interactive and configurable. Features Multi bezier lines Allow numbers a

Dec 21, 2022
Owner
Mimene Younes
Computer science student | Flutter & Backend Developer | YouTuber
Mimene Younes
This project is used to introduce the use of flutter canvas, include draw chart, clip image's path and draw progress indicator.

flutter_canvas This project is used to introduce the use of flutter canvas, include draw chart, clip image's path and draw progress indicator. draw ch

YouXianMing 9 Oct 27, 2022
A powerful 🚀 Android chart view / graph view library, supporting line- bar- pie- radar- bubble- and candlestick charts as well as scaling, panning and animations.

⚡ A powerful & easy to use chart library for Android ⚡ Charts is the iOS version of this library Table of Contents Quick Start Gradle Maven Documentat

Philipp Jahoda 36k Dec 28, 2022
Charts Library for Flutter, written in Dart with Flutter.

Table of Contents New in the current release Illustration of the new "iterative auto layout" feature Autolayout step 1 Autolayout step 2 Autolayout st

Milan Zimmermann 225 Dec 25, 2022
Flutter chart library contains depth charts supporting various indicators and zooming

flutter_k_chart 介绍 一个仿火币的flutter图表库包含深度图,支持各种指标及放大缩小、平移等操作 webdemo演示 Demo v0.1.0:下载 APK 演示 简单用例 1.在 pubspec.yaml 中添加依赖 本项目数据来自火币openApi,火币的接口可能需要翻墙,接口

gwh 259 Dec 30, 2022
kg_charts icon library. At present, there are only radar charts

kg_charts icon library. At present, there are only radar charts. Other types of charts may be added later

zhonghua 10 Oct 25, 2022
Sliver bar chart - A package that supports Bar Chart in a Flutter Sliver

Sliver bar chart - A package that supports Bar Chart in a Flutter Sliver. This Package allows us to add Bar Chart in Sliver and sets a Bar Chart as a Header on Slivers Scroll.

MindInventory 19 Oct 11, 2022
Animated radial and pie charts for Flutter

Flutter Circular Chart A library for creating animated circular chart widgets with Flutter, inspired by Zero to One with Flutter. Overview Create easi

Victor Choueiri 387 Dec 26, 2022
Beautiful sparkline charts for Flutter

flutter_sparkline Beautiful sparkline charts for Flutter. Installation Install the latest version from pub. Quick Start Import the package, create a S

Victor Choueiri 255 Dec 21, 2022
Elegant OHLC Candlestick and Trade Volume charts for @Flutter

flutter_candlesticks Elegant OHLC Candlestick and Trade Volume charts for Flutter Usage Install for Flutter with pub. Property Description data Requir

Trent Piercy 402 Dec 21, 2022
A flutter package which makes it easier to plot different types of charts with lots of customization, made purely in dart

multi_charts It is a library that provides different types of charts to plot data points. Currently it supports only Radar Chart, but will support mor

Intkhab Ahmed 28 Nov 9, 2022