Repolode
Enviar
didi

didi/LogicFlow

Framework de edición de diagramas de flujo en TypeScript para integrar editores personalizables de diagramas de flujo, mapas mentales, diagramas ER y BPMN en sistemas empresariales.

Alternativa open source a:Microsoft VisioLucidchart

Ver en GitHubSitio web
Estrellas
11,772
Forks
1,386
Issues abiertos
124
Último commit
hace 13 días

¿Qué es?

LogicFlow es un framework de edición de diagramas de flujo que ofrece las funciones de interacción y edición necesarias para crear diagramas de este tipo, de modo que los equipos puedan integrar estos editores en sus propios sistemas empresariales sin tener que desarrollarlos desde cero. Incluye un lienzo con nodos y aristas, además de puntos de extensión para personalizar nodos, conectores, estilos y plugins.

Además de permitir dibujar, LogicFlow puede convertir sus datos desde y hacia las estructuras de BPMN y Turbo, e incluye un motor de ejecución que ejecuta la lógica de los diagramas de flujo en el navegador. El proyecto se distribuye en npm como @logicflow/core y @logicflow/extension; los plugins de diseño de disposición están disponibles por separado.

El framework está escrito en TypeScript y cuenta con tutoriales y ejemplos en su sitio web oficial. También incluye documentación local en el paquete npm para ayudar a los agentes de programación con IA a trabajar con la biblioteca.

Funciones clave

  • 01Nodos, aristas y estilos personalizables para crear diagramas específicos de cada dominio.
  • 02Sistema de plugins con paquetes oficiales de extensiones y diseño de disposición.
  • 03Convierte los datos de los diagramas desde y hacia los formatos BPMN y Turbo.
  • 04Motor de ejecución integrado que ejecuta la lógica de los diagramas de flujo en el navegador.
  • 05Usa SVG para renderizar en un editor basado en lienzo.

Casos de uso

  • Añadir un editor de diagramas de flujo o de procesos de aprobación a un sistema empresarial interno.
  • Crear editores de diagramas ER, UML o mapas mentales sobre una base compartida para diagramas.
  • Exportar flujos de trabajo visuales a BPMN para un motor de flujos de trabajo de backend.
  • Ejecutar lógica sencilla de diagramas de flujo directamente en el navegador.

Inicio rápido

  1. 1

    Instala los paquetes principales y de extensión con npm

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

    Añade un elemento contenedor a tu página HTML

  3. 3

    Crea una instancia de LogicFlow con el contenedor y renderiza tus datos

Antes de usarlo

  • Requiere un entorno de frontend basado en navegador con TypeScript o JavaScript.

En colecciones

Diagramas, gráficos y visualizaciones animadas

Temas

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

Preguntas frecuentes

¿Qué es LogicFlow?
Framework de edición de diagramas de flujo en TypeScript para integrar editores personalizables de diagramas de flujo, mapas mentales, diagramas ER y BPMN en sistemas empresariales. LogicFlow es un framework de edición de diagramas de flujo que ofrece las funciones de interacción y edición necesarias para crear diagramas de este tipo, de modo que los equipos puedan integrar estos editores en sus propios sistemas empresariales sin tener que desarrollarlos desde cero. Incluye un lienzo con nodos y aristas, además de puntos de extensión para personalizar nodos, conectores, estilos y plugins.
¿LogicFlow es gratuito? ¿Qué licencia tiene?
LogicFlow es open source bajo la licencia Apache-2.0. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿LogicFlow sigue mantenido?
Mantenimiento activo. El último commit de LogicFlow fue el 24 oct 2026.
¿Para qué puedo usar LogicFlow?
Añadir un editor de diagramas de flujo o de procesos de aprobación a un sistema empresarial interno. Crear editores de diagramas ER, UML o mapas mentales sobre una base compartida para diagramas. Exportar flujos de trabajo visuales a BPMN para un motor de flujos de trabajo de backend. Ejecutar lógica sencilla de diagramas de flujo directamente en el navegador.
¿Cómo se instala LogicFlow?
Instala los paquetes principales y de extensión con npm: npm install @logicflow/core @logicflow/extension --save Añade un elemento contenedor a tu página HTML Crea una instancia de LogicFlow con el contenedor y renderiza tus datos
¿Dónde consigo LogicFlow?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/didi/LogicFlow

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados