advanced_graphview

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Advanced Graphview ist ein Flutter-Paket, das die Erstellung interaktiver Baum-, Graph- und Topologievisualisierungen vereinfacht. Mit minimaler Konfiguration können Entwickler komplexe Datenflüsse wie Netzwerktopologien, Organigramme oder Abhängigkeitsgraphen darstellen. Das Paket unterstützt mehrere Plattformen, einschließlich Android, iOS, Web, macOS, Windows und Linux, und ist daher ideal für plattformübergreifende Anwendungen, die dynamische Darstellungen miteinander verbundener Daten erfordern.

Anwendungsfälle

Netztopologie-Visualisierung
Organigramm zeigt an
Abhängigkeitsflussdiagramme
Datenbeziehungsabbildung
Interaktive Benutzeroberfläche für Systemarchitektur

Hauptmerkmale

Einfache Konfiguration für komplexe Layouts
Unterstützung für Baum- und Graphstrukturen
Plattformübergreifende Kompatibilität
Anpassbare Knoten- und Kantenstilierung
Interaktive Knotenmanipulation

Geeignet für

Entwickler, die Datenvisualisierungsanwendungen erstellen
Teams, die Systemarchitektur-Dashboards erstellen
Lernhilfsmittel mit Flussdiagrammen
Anwendungen, die dynamische Diagrammdarstellung benötigen

Hinweise

Kann eine Leistungsoptimierung für große Datensätze erfordern
Begrenzte eingebaute Animationsfunktionen
Benutzerdefinierte Stile erfordern Kenntnisse über Flutter-Widgets
Nicht für Echtzeit-Kooperationsbearbeitung optimiert

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

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.

Pakete, Repositories und App-Kategorien suchen

Paket installieren