advanced_graphview

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

Advanced Graphview é um pacote Flutter projetado para simplificar a criação de visualizações interativas de árvores, gráficos e topologias. Com configuração mínima, os desenvolvedores podem exibir fluxos de dados complexos, como topologias de rede, organogramas ou grafos de dependência. O pacote suporta múltiplas plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux, tornando-o ideal para aplicações multiplataforma que exigem representações dinâmicas de dados interconectados.

Casos de uso

visualização da topologia de rede
Gráfico organizacional exibe
diagramas de fluxo de dependência
Mapeamento de relacionamento de dados
Interface do usuário interativa para arquitetura do sistema

Principais recursos

Configuração simples para layouts complexos
Suporte para estruturas de árvore e gráfico
Compatibilidade multiplataforma
Estilo personalizável de nó e aresta
Manipulação interativa de nós

Indicado para

Desenvolvedores de aplicativos de visualização de dados
Equipes criando painéis de arquitetura de sistema
Ferramentas educacionais com diagramas de fluxo
Aplicações que precisam de renderização dinâmica de diagramas

Considerações

Pode exigir otimização de desempenho para grandes conjuntos de dados
Recursos limitados de animação embutidos
Estilização personalizada exige familiaridade com widgets do Flutter
Não otimizado para edição colaborativa em tempo real

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

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.

Buscar pacotes, repositórios e categorias de apps

Instalar pacote