graphify - GitLite

KO | EN

gitlite — search

#javascript #hacktoberfest #react #ai #go #rust #deep-learning #macos #nodejs #windows #awesome #vue #mcp #openai

graphify

(★ 96)

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

파일 탐색기

최종 버전 다운로드 (.zip)

- - main.yml
  - publish.yml
  - release.yml
- .gitignore
- build.gradle
- settings.gradle
- - .gitignore
  - build.gradle
  - gradle.properties
  - settings.gradle
- - .gitignore
  - Podfile
  - Podfile.lock
- - main.dart
- - .gitignore
  - CMakeLists.txt
  - main.cc
  - my_application.cc
  - my_application.h
- - .gitignore
  - Podfile
- - widget_test.dart
- - favicon.png
  - index.html
  - manifest.json
  - scripts.js
- - .gitignore
  - CMakeLists.txt
- .gitignore
- analysis_options.yaml
- pubspec.lock
- pubspec.yaml
- README.md
- - .gitkeep
- - EchartsPlugin.swift
- .gitignore
- echarts.podspec
- graphify.dart
- - generated_plugin_registrant.cc
  - generated_plugin_registrant.h
  - generated_plugins.cmake
- - graphify_plugin_test.cc
- CMakeLists.txt
- graphify_plugin.cc
- graphify_plugin_private.h
- - GraphifyPlugin.swift
- - GeneratedPluginRegistrant.swift
- graphify.podspec
- graphify_method_channel_test.dart
- graphify_test.dart
- - graphify_plugin_test.cpp
- .gitignore
- CMakeLists.txt
- graphify_plugin.cpp
- graphify_plugin.h
- graphify_plugin_c_api.cpp
.flutter-plugins
.flutter-plugins-dependencies
.gitignore
.metadata
analysis_options.yaml
CHANGELOG.md
LICENSE
pubspec.yaml
README.md
SECURITY.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

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

<a href="https://pub.dartlang.org/packages/graphify"><img alt="Pub Package" src="https://img.shields.io/pub/v/graphify.svg"></a>
<a href="https://pub.dev/packages/graphify"><img alt="GitHub Repo stars" src="https://img.shields.io/github/stars/warioddly/graphify"></a>
<a href="https://github.com/warioddly/graphify/issues?q=is%3Aissue+is%3Aclosed"><img src="https://img.shields.io/github/issues-closed-raw/warioddly/graphify" alt="GitHub closed issues"></a>
<a href="https://github.com/warioddly/graphify/issues"><img src="https://img.shields.io/github/issues/warioddly/graphify" alt="GitHub open issues"></a>
<a href="https://github.com/warioddly/graphify/graphs/contributors"><img alt="GitHub contributors" src="https://img.shields.io/github/contributors/warioddly/graphify"></a>
<a href="https://github.com/warioddly/graphify/issues"><img src="https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat" alt="Contributing"></a>

# 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.
> <br /><br />
> 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/) <br />
> [Echarts Examples](https://echarts.apache.org/examples/en/index.html) <br />
> [Pub.dev](https://pub.dev/packages/graphify) <br />

## Content
> [Features](/README.md#features) <br />
> [Installation](/README.md#installation) <br />
> [Quick Start](/README.md#quick-start) <br />
> [Basic Example](/README.md#basic-example) <br />
> [Parameters and Settings](/README.md#parameters-and-settings) <br />
> [License](/README.md#license) <br />
> [Contributing](/README.md#contributing) <br />

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