graphify

KO | EN

gitlite — search

#javascript #php #java #dotfiles #python #cplusplus #lua #hacktoberfest #erlang #tmux #shell #zsh

★ 96 Open GitHub ↗

A data visualization charts library, based on Apache Echarts, able to build advanced charts like WebGL 3D, Bar, Line, Candlestick, Radar, Graph, Tree etc.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![graphify_banner](https://github.com/user-attachments/assets/ff14b1f9-c1f6-4684-ad3e-8ce0b822b7d2)

# 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.

| ![graph_webkit_dep](https://github.com/user-attachments/assets/2ce1808d-a542-4295-9e3a-4918bcf6053e)   | ![bar_3d_chart](https://github.com/user-attachments/assets/6d50d560-ee8e-4f39-99c4-dc271ba2556c) |
|:--------------------------------------------------------------------:|:--------------------------------------------------------------------:|
| ![candle_stick_brush](https://github.com/user-attachments/assets/668c6fef-4068-48d8-9a49-fe00c47ef946) | ![all](https://github.com/user-attachments/assets/f5890466-0d33-47a2-8603-44b152188814) |

> [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<BasicBarChart> createState() => _BasicBarChartState();
}

class _BasicBarChartState extends State<BasicBarChart> {

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!

graphify

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README