Engine de edição e visualização de grafos em TypeScript/JavaScript, baseado em SVG e HTML, para diagramas DAG, ER, fluxogramas e grafos de linhagem.
O AntV X6 é um engine de edição de grafos escrito em TypeScript, que renderiza nós e arestas com SVG e HTML. Ele foi desenvolvido para criar aplicações interativas de diagramas, como diagramas DAG e ER, fluxogramas e grafos de linhagem, sem precisar começar do zero.
Os nós podem ser estilizados e receber interações usando SVG ou HTML puro, ou por meio de React, Vue e Angular. A biblioteca segue um modelo orientado a dados no estilo MVC, permitindo que o código da aplicação se concentre nos dados e na lógica de negócio. Ela também oferece um sistema de eventos que abrange os eventos ocorridos no gráfico.
O X6 inclui mais de dez extensões de edição prontas para uso, como seleção por laço, linhas de alinhamento e minimapa. Ele pode ser instalado pelo npm como @antv/x6 e oferece suporte à renderização no servidor.
Instale o pacote com npm
npm install @antv/x6 --saveImporte Graph e crie um grafo em um elemento contêiner
Adicione nós e uma aresta ao grafo
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Framework de edição de fluxogramas em TypeScript para incorporar editores de diagramas personalizáveis, como fluxogramas, mapas mentais e diagramas ER e BPMN, a sistemas empresariais.
Um mecanismo declarativo que gera e renderiza infográficos em SVG a partir de uma sintaxe textual, pensado para geração com IA e saída em streaming.
Extensão não oficial do VS Code para criar e editar diagramas do Draw.io (diagrams.net) diretamente no editor.
Um app web que transforma esboços em texto simples em fluxogramas e diagramas, desenvolvido com React e cytoscape.js.
Um renderizador leve e síncrono que converte texto de diagramas Mermaid em SVG, sem dependências em tempo de execução.
Biblioteca JavaScript de mapas mentais, licenciada sob MIT e sem dependência de frameworks, com um app Web de mapas mentais criado com ela.