Repolode
Enviar
tone-row

tone-row/flowchart-fun

Una aplicación web que convierte esquemas de texto sin formato en diagramas y diagramas de flujo, creada con React y cytoscape.js.

Alternativa open source a:LucidchartDraw.io

Ver en GitHubSitio web
Estrellas
3,399
Forks
245
Issues abiertos
12
Último commit
hace 4 días

¿Qué es?

Flowchart Fun genera diagramas de flujo a partir de texto. Escribes los nodos y sus conexiones con una sintaxis de texto sin formato basada en sangrías, y la aplicación los muestra como un diagrama en el navegador para que puedas esbozar ideas y planes sin tener que arrastrar formas.

La entrada usa sangrías y etiquetas como «goes to:» para definir conexiones, y un nodo puede apuntar a uno anterior para formar ciclos. La interfaz está creada con React y cytoscape.js se encarga de dibujar la disposición. El análisis del texto lo gestiona una biblioteca independiente, Graph Selector.

El proyecto puede ejecutarse localmente sin funciones de inicio de sesión con `pnpm dev`. Las funciones relacionadas con el inicio de sesión dependen de cuentas de Vercel, Supabase, Stripe y SendGrid. La aplicación se puede traducir mediante archivos de idioma .po.

Funciones clave

  • 01Genera diagramas de flujo a partir de texto sin formato con sangrías.
  • 02Admite conexiones que vuelven a nodos anteriores.
  • 03Está creado con React y cytoscape.js para mostrar los diagramas.
  • 04El texto de la interfaz se puede traducir mediante archivos de idioma .po.
  • 05Incluye pruebas unitarias con Jest y pruebas de extremo a extremo con Playwright.

Casos de uso

  • Esbozar rápidamente flujos de procesos o árboles de decisión a partir de notas.
  • Planificar flujos de usuario o lógica de sistemas antes de desarrollarlos.
  • Convertir un esquema escrito en un diagrama que se pueda compartir.

Inicio rápido

  1. 1

    Clona el repositorio

  2. 2

    Copia .env.example a .env y añade las variables de entorno

  3. 3

    Instala las dependencias con pnpm

    pnpm install
  4. 4

    Compila los paquetes shared y formulaic

    pnpm -F shared build && pnpm -F formulaic build
  5. 5

    Ejecuta la aplicación sin las funciones de inicio de sesión

    pnpm dev

Antes de usarlo

  • Para ejecutar la aplicación completa con las funciones de inicio de sesión, necesitas cuentas de Vercel, Supabase, Stripe y Sendgrid.
  • Para desplegar la aplicación con las funciones de inicio de sesión, necesitas una cuenta Vercel Pro, ya que se utilizan más de 12 funciones serverless.

Temas

#flowchart#diagram#react#typescript#text-to-diagram#visualization#diagram-generator#flowchart-editor#generator#graphs

Preguntas frecuentes

¿Qué es flowchart-fun?
Una aplicación web que convierte esquemas de texto sin formato en diagramas y diagramas de flujo, creada con React y cytoscape.js. Flowchart Fun genera diagramas de flujo a partir de texto. Escribes los nodos y sus conexiones con una sintaxis de texto sin formato basada en sangrías, y la aplicación los muestra como un diagrama en el navegador para que puedas esbozar ideas y planes sin tener que arrastrar formas.
¿flowchart-fun es gratuito? ¿Qué licencia tiene?
flowchart-fun es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿flowchart-fun sigue mantenido?
Mantenimiento activo. El último commit de flowchart-fun fue el 16 oct 2026.
¿Para qué puedo usar flowchart-fun?
Esbozar rápidamente flujos de procesos o árboles de decisión a partir de notas. Planificar flujos de usuario o lógica de sistemas antes de desarrollarlos. Convertir un esquema escrito en un diagrama que se pueda compartir.
¿Cómo se instala flowchart-fun?
Clona el repositorio Copia .env.example a .env y añade las variables de entorno Instala las dependencias con pnpm: pnpm install Compila los paquetes shared y formulaic: pnpm -F shared build && pnpm -F formulaic build Ejecuta la aplicación sin las funciones de inicio de sesión: pnpm dev
¿Dónde consigo flowchart-fun?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/tone-row/flowchart-fun

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

Proyectos relacionados