progress_bar_chart

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A Flutter package for visualizing multiple data values on a vertical bar chart using animated progress indicators. It enables smooth, dynamic rendering of data with customizable styling and transitions. Ideal for dashboards, performance tracking, or any scenario requiring intuitive, real-time data representation. The package supports all major platforms including mobile, web, and desktop, ensuring consistent behavior across devices.

Use cases

Real-time data dashboards
Performance monitoring
User progress tracking
Comparative data visualization
Interactive reports

Key features

Animated progress bars
Vertical layout
Multiple data series support
Customizable colors and styles
Cross-platform compatibility

Suitable for

Developers building data visualization features
Apps requiring user progress indicators
Dashboards with dynamic metrics
Educational or fitness applications

Considerations

Best suited for moderate data sets
Limited to bar-style visualization
Requires careful design for dense data
Not ideal for complex statistical charts

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

A package to display multipe values on a vertical chart using progess indicators and animation. Each value can has a color .

Features

Example 1	Example 2

Usage

Example 1:

final List<StatisticsItem> stats = [
  StatisticsItem(Colors.blue, 500, title: 'Type 1'),
  StatisticsItem(Colors.green, 200, title: 'Type 2'),
  StatisticsItem(Colors.red, 300, title: 'Type 3'),
  StatisticsItem(Colors.yellow, 100, title: 'Type 4'),
];

ProgressBarChart(
    values: stats,
    height: 30,
    borderRadius: 20,
    totalPercentage: 1100,
    unitLabel: 'kg',
),

Example 2:

final List<StatisticsItem> stats = [
  StatisticsItem(Colors.blue, 0.4),
  StatisticsItem(Colors.green, 0.3),
  StatisticsItem(Colors.red, 0.2),
  StatisticsItem(Colors.yellow, 0.1),
];

ProgressBarChart(
  values: stats,
  height: 30,
  borderRadius: 20,
),

Without labels and colorblend:

final List<StatisticsItem> stats = [
  StatisticsItem(Colors.blue, 0.4),
  StatisticsItem(Colors.green, 0.3),
  StatisticsItem(Colors.red, 0.2),
  StatisticsItem(Colors.yellow, 0.1),
];

ProgressBarChart(
  values: stats,
  height: 30,
  borderRadius: 20,
  showLables: false,
  colorBlend: false,
)

Search packages, repositories and app categories