https://github.com/warioddly/graphify
A data visualization charts library, based on Apache Echarts, able to build advanced charts like WebGL 3D, Bar, Line, Candlestick, Radar, Graph, Tree etc.
https://github.com/warioddly/graphify
chart-library charts dart echarts flutter flutter-charts flutter-plugin flutter-ui
Last synced: about 2 months ago
JSON representation
A data visualization charts library, based on Apache Echarts, able to build advanced charts like WebGL 3D, Bar, Line, Candlestick, Radar, Graph, Tree etc.
- Host: GitHub
- URL: https://github.com/warioddly/graphify
- Owner: warioddly
- License: mit
- Created: 2024-02-22T12:20:37.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-06T16:25:59.000Z (3 months ago)
- Last Synced: 2025-04-09T16:04:34.198Z (about 2 months ago)
- Topics: chart-library, charts, dart, echarts, flutter, flutter-charts, flutter-plugin, flutter-ui
- Language: Dart
- Homepage: https://pub.dev/packages/graphify
- Size: 7.83 MB
- Stars: 17
- Watchers: 1
- Forks: 4
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
- Security: SECURITY.md
Awesome Lists containing this project
README
# GRAPHIFY
> A data visualization charts library, based on Apache Echarts, able to build advanced charts like WebGL 3D, Bar, Line, Candlestick, Radar, Graph, Tree etc.
>
> A Flutter package that serves as a bridge to [Apache ECharts](https://echarts.apache.org/) for creating interactive charts and data visualizations in your Flutter applications.
|  |  |
|:--------------------------------------------------------------------:|:--------------------------------------------------------------------:|
|  |  |
> [See demo](https://warioddly.github.io/graphify/)
> [Echarts Examples](https://echarts.apache.org/examples/en/index.html)
> [Pub.dev](https://pub.dev/packages/graphify)
## Content
> [Features](/README.md#features)
> [Installation](/README.md#installation)
> [Quick Start](/README.md#quick-start)
> [Basic Example](/README.md#basic-example)
> [Parameters and Settings](/README.md#parameters-and-settings)
> [License](/README.md#license)
> [Contributing](/README.md#contributing)
## Features
- **Apache ECharts Integration:** Leverage the full power of Apache ECharts directly within your Flutter app.
- **Flexible Configuration:** Pass chart configurations as JSON to render interactive visualizations.
- **All ECharts Features:** You can find [here](https://echarts.apache.org/en/feature.html) eCharts features
## Installation
How quickly you can install the package you can find [here](https://pub.dev/packages/graphify/install).
## Quick Start
### Importing the Package
Import the package into your Dart file:
```dart
import 'package:graphify/graphify.dart';
```
### Basic Example
Below is a minimal example demonstrating how to display a bar chart:
```dart
class BasicBarChart extends StatefulWidget {
const BasicBarChart({super.key});
@override
State createState() => _BasicBarChartState();
}
class _BasicBarChartState extends State {
final controller = GraphifyController();
@override
Widget build(BuildContext context) {
return GraphifyView(
controller: controller,
initialOptions: const {
"xAxis": {
"type": "category",
"data": ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
},
"yAxis": {
"type": "value"
},
"series": [
{
"data": [120, 200, 150, 80, 70, 110, 130],
"type": "bar"
}
]
},
);
}
@override
void dispose() {
controller.dispose();
super.dispose();
}
}
```
## Parameters and Settings
A string containing the [JSON configuration](https://echarts.apache.org/en/option.html#title) for the chart, based on the Apache ECharts documentation.
## Documentation and Support
Refer to the Apache ECharts Documentation for detailed configuration options and features.
For source code, issue tracking, and contributions, visit the GitHub repository.
## License
This project is licensed under the [MIT License](https://github.com/warioddly/graphify/blob/main/LICENSE).
## Contributing
We welcome your contributions!
1. Fork the repository and create a branch for your changes.
2. Commit your changes with clear messages.
3. Open a pull request describing your work.
For bug reports or feature requests, please open an issue.
Thank you!