Search packages, repositories and app categories

graphify cover
Package detailsv1.2.1

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.

AndroidiOSWebmacOSWindows
30-day downloads
695
Likes
45
Pub points
135

Install package

flutter pub add graphify

Package Overview

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

Graphify is a Flutter/Dart package for creating advanced data visualizations using Apache Echarts as its foundation. It supports a wide range of chart types, including WebGL 3D, bar, line, candlestick, radar, graph, and tree charts. Designed for cross-platform use, it runs seamlessly on Android, iOS, Web, macOS, and Windows. The library enables developers to build interactive and high-performance visualizations with minimal setup. Ideal for dashboards, analytics apps, and data-driven interfaces, Graphify brings powerful charting capabilities directly into Flutter applications.

Use cases

  • Interactive dashboards
  • Real-time data monitoring
  • Financial charting
  • Data analytics platforms
  • Scientific visualization

Key features

  • Supports WebGL 3D charts
  • Multiple chart types (bar, line, candlestick, etc.)
  • Cross-platform compatibility
  • High performance rendering
  • Easy integration with Flutter
  • Customizable visual themes

Suitable for

  • Data analysts
  • Dashboard developers
  • Finance app creators
  • Educational software
  • Visualization-focused apps

Considerations

  • Requires understanding of Echarts concepts
  • May have larger bundle size due to WebGL
  • Limited native Flutter widget customization
  • Best suited for complex visualizations, not simple charts
  • Depends on external Echarts library

Original README

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

graphify_banner

Pub Package GitHub Repo stars GitHub closed issues GitHub open issues GitHub contributors Contributing

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 for creating interactive charts and data visualizations in your Flutter applications.

graph_webkit_dep bar_3d_chart
candle_stick_brush all

See demo
Echarts Examples
Pub.dev

Content

Features
Installation
Quick Start
Basic Example
Parameters and Settings
License
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 eCharts features

Installation

How quickly you can install the package you can find here.

Quick Start

Importing the Package

Import the package into your Dart file:

import 'package:graphify/graphify.dart';
Basic Example

Below is a minimal example demonstrating how to display a bar chart:

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

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!

Categories

Dependencies

Dependency list 2 items

Source repository

Projects using this package

No data available yet.