Material Charts

A comprehensive Flutter charting library offering beautiful, animated, and customizable charts with Material Design aesthetics. Docs

Table of Contents

• Installation
• Overview
• Available Charts
  • Bar Chart
  • Stacked Bar Chart
  • Line Chart
  • MultiLine Chart
  • Pie Chart
  • Hollow Semi Circle
  • Gantt Chart
  • CandleStick Chart
  • Area Chart
• Best Practices
• Troubleshooting
• Contributing
• Credits

Features

Common Features Across All Charts

• 🎨 Material Design aesthetics
• ✨ Smooth animations with configurable duration and curves
• 📊 Responsive and adaptive layouts
• 🎭 Customizable color schemes
• 💫 Animation completion callbacks
• 📱 Mobile-friendly design
• ♿ Accessibility support

View all features

Installation

Add to your pubspec.yaml:

dependencies:
  material_charts: latest_version

Available Charts

Bar Chart

Beautiful, interactive bar charts for discrete data visualization.

View Bar Chart documentation

Stacked Bar Chart

Versatile stacked bars for comparative data visualization.

View Stacked Bar Chart documentation

Line Chart

Animated line charts for trend visualization.

View Line Chart documentation

MultiLine Chart

Multiple line series with interactive features.

View MultiLine Chart documentation

Pie Chart

Interactive pie/donut charts with customizable segments.

View Pie Chart documentation

Hollow Semi Circle

Progress indicators in semi-circular format.

View Hollow Semi Circle documentation

Gantt Chart

Project timeline visualization with interactive features.

View Gantt Chart documentation

CandleStick Chart

Financial data visualization for stock market analysis.

View CandleStick Chart documentation

Area Chart

Quantitative data visualization over continuous intervals.

View Area Chart documentation

Usage Examples

Detailed examples for each chart type are available in the documentation

Best Practices

Responsive Design

• Use flexible widths and heights
• Test on multiple screen sizes
• Implement adaptive layouts

Performance Optimization

• Limit datasets to manageable sizes
• Use appropriate animation durations
• Implement efficient data updates

Accessibility

• Provide clear labels and descriptions
• Maintain proper color contrast
• Support screen readers

Troubleshooting

Common Issues

1. Chart Not Rendering

   • Check data validity
   • Verify widget dimensions
   • Ensure proper parent constraints

2. Animation Issues

   • Verify animation duration settings
   • Check widget lifecycle management

3. Styling Problems

   • Validate style properties
   • Check parent widget constraints
   • Verify color and theme settings

Contributing

We welcome contributions! Please follow these steps:

1. Fork the repository
2. Create a feature branch
3. Commit your changes
4. Push to your branch
5. Open a Pull Request

Read our Contributing Guide for detailed information.

Future Charts

Coming soon:

• 🥧 Enhanced Pie Charts
• 📈 Advanced Area Charts
• 🎯 Radar Charts
• 📊 Scatter Plots

License

BSD 3-Clause License

Copyright (c) 2024, Material Charts
All rights reserved.

Support

• 📚 Documentation
• 💬 GitHub Issues
• 📧 Email Support

Credits

Developed with 💙 by vishnudas-bluefox

Special thanks to all contributors!