advanced_graphview

Package Overview

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

Advanced Graphview is a Flutter package designed to simplify the creation of interactive tree, graph, and topology visualizations. With minimal setup, developers can display complex data flows such as network topologies, organizational charts, or dependency graphs. The package supports multiple platforms including Android, iOS, Web, macOS, Windows, and Linux, making it ideal for cross-platform applications requiring dynamic visual representations of interconnected data.

Use cases

Network topology visualization
Organizational chart displays
Dependency flow diagrams
Data relationship mapping
Interactive UI for system architecture

Key features

Simple configuration for complex layouts
Support for tree and graph structures
Cross-platform compatibility
Customizable node and edge styling
Interactive node manipulation

Suitable for

Developers building data visualization apps
Teams creating system architecture dashboards
Educational tools with flow diagrams
Applications needing dynamic diagram rendering

Considerations

May require performance optimization for large datasets
Limited built-in animation features
Custom styling requires familiarity with Flutter widgets
Not optimized for real-time collaborative editing

Original README

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

Advanced Graphview enables user to create Tree, Graph, Topology Ui with simple Setup.

Features

Advanced Graphview can create Tree, Graph, Topology Ui with simple Setup..

Getting started

Add the package in pubspec.yaml and then use the widget AdvancedGraphview.

Usage

Widget exampleWidget(){
  TestGraphNode getExampleNode() {
    return TestGraphNode(
      id: '1',
      value: "Advanced Graphview",
      graphNodes: [
      ],
    );
  }
  
 return AdvancedGraphview(
    nodePadding: 50,
    nodeSize: 200,
    isDebug: false,
    graphNode: getExampleNode(),
    backgroundColor: Colors.black,
    pixelRatio: 10,
    onNodeTap: (graphNode) {
      ScaffoldMessenger.of(context).showSnackBar(SnackBar(
        content: Text("Tap Event detected ${graphNode.id}"),
      ));
    },
    advancedGraphviewController: advancedGraphviewController,
    onDrawLine: (lineFrom, lineTwo) {
      return Paint()
        ..color = Colors.blue
        ..strokeWidth = 1;
    },
    builder: (GraphNode graphNode) {
      return Container(
        width: 200,
        height: 200,
        child: const Center(
          child: Text("Hello"),
        ),
      );
    },
  );
}

class TestGraphNode extends GraphNode {
  @override
  final String id;

  final String value;

  @override
  final List<GraphNode> graphNodes;
  TestGraphNode({
    required this.id,
    required this.graphNodes,
    required this.value,
  });
}

Additional information

For additional information contact us at nikhilishwar2@gmail.com or sharathkkotian@gmail.com. We welcome more contributors on this project.

Search packages, repositories and app categories

Install package