Repolode
Enviar
didi

didi/LogicFlow

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.

Alternativa open source a:Microsoft VisioLucidchart

Ver no GitHubSite
Estrelas
11,773
Forks
1,386
Issues abertas
124
Último commit
há 15 dias

O que é?

LogicFlow é um framework de edição de fluxogramas que oferece as funções de interação e edição necessárias para diagramas baseados em fluxos, permitindo que equipes adicionem esses editores aos próprios sistemas empresariais sem precisar criá-los do zero. Ele oferece uma tela com nós e arestas, além de pontos de extensão para personalizar nós, conectores, estilos e plugins.

Além de desenhar diagramas, o LogicFlow converte dados de e para as estruturas BPMN e Turbo e inclui um mecanismo de execução que roda a lógica dos fluxogramas no navegador. O projeto é distribuído no npm como @logicflow/core e @logicflow/extension, e os plugins de layout estão disponíveis separadamente.

O framework é escrito em TypeScript e conta com tutoriais e exemplos na documentação do site oficial. O pacote npm também inclui documentação local para ajudar agentes de programação com IA a trabalhar com a biblioteca.

Recursos principais

  • 01Nós, arestas e estilos personalizáveis para criar diagramas específicos de cada domínio.
  • 02Sistema de plugins com pacotes oficiais de extensões e layouts.
  • 03Converte dados de diagramas de e para os formatos BPMN e Turbo.
  • 04Mecanismo de execução integrado que roda a lógica dos fluxogramas no navegador.
  • 05Usa renderização SVG em um editor baseado em canvas.

Casos de uso

  • Adicionar um editor de fluxogramas ou de processos de aprovação a um sistema empresarial interno.
  • Criar editores de ER, UML ou mapas mentais com base em uma estrutura compartilhada para diagramas.
  • Exportar fluxos de trabalho visuais para BPMN para uso em um mecanismo de workflow no backend.
  • Executar lógica simples de fluxogramas diretamente no navegador.

Início rápido

  1. 1

    Instale os pacotes principal e de extensão com npm

    npm install @logicflow/core @logicflow/extension --save
  2. 2

    Adicione um elemento contêiner à sua página HTML

  3. 3

    Crie uma instância do LogicFlow com o contêiner e renderize seus dados

Antes de usar

  • Requer um ambiente de frontend baseado em navegador com TypeScript ou JavaScript.

Em coleções

Diagramas, gráficos e visualizações animadas

Tópicos

#flowchart#diagramming#visualization#typescript#svg#bpmn#graph-editor#diagram#didi#flow

Perguntas frequentes

O que é LogicFlow?
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. LogicFlow é um framework de edição de fluxogramas que oferece as funções de interação e edição necessárias para diagramas baseados em fluxos, permitindo que equipes adicionem esses editores aos próprios sistemas empresariais sem precisar criá-los do zero. Ele oferece uma tela com nós e arestas, além de pontos de extensão para personalizar nós, conectores, estilos e plugins.
LogicFlow é gratuito? Qual é a licença?
LogicFlow é open source sob a licença Apache-2.0. Confira os termos da licença antes de usá-lo em produtos comerciais.
LogicFlow ainda é mantido?
Manutenção ativa. O último commit de LogicFlow foi em 24 de out. de 2026.
Para que posso usar LogicFlow?
Adicionar um editor de fluxogramas ou de processos de aprovação a um sistema empresarial interno. Criar editores de ER, UML ou mapas mentais com base em uma estrutura compartilhada para diagramas. Exportar fluxos de trabalho visuais para BPMN para uso em um mecanismo de workflow no backend. Executar lógica simples de fluxogramas diretamente no navegador.
Como instalar LogicFlow?
Instale os pacotes principal e de extensão com npm: npm install @logicflow/core @logicflow/extension --save Adicione um elemento contêiner à sua página HTML Crie uma instância do LogicFlow com o contêiner e renderize seus dados
Onde consigo LogicFlow?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/didi/LogicFlow

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados