Line9: editor de diagramas con sintaxis declarativa y exportación SVG

Fuentes: Line9: a code-first diagram editor for flowcharts and more

Line9 es una herramienta para crear diagramas a partir de un código fuente declarativo basado en texto, en una filosofía similar a la de Mermaid. El usuario escribe un archivo con bloques separados por separadores ---, indicando el tipo de diagrama (flowchart, entre otros), un título y un tema visual (por ejemplo, boardroom). A partir de esa descripción, Line9 genera el diagrama renderizado en el navegador.

El ejemplo que muestra la documentación reproduce un flujo logístico de un paquete, desde que se realiza el pedido hasta que se entrega, se devuelve o queda retenido en tienda. En él se definen nodos con formas específicas (rectángulos para procesos, cilindros para depósitos, documentos para etiquetas, círculos para estados finales) y aristas con distintos estilos: continuas para el flujo principal y discontinuas para relaciones secundarias, como la impresión de la etiqueta de envío. También permite representar decisiones mediante rombos con etiquetas para las ramas ( / No) y aplicar clases CSS para agrupar nodos con un mismo estilo visual, por ejemplo diferenciar puertas de decisión, artefactos y nodos terminales.

La herramienta incorpora un editor en línea con previsualización en tiempo real, indicadores de sincronización entre el código y el diagrama renderizado, botones para copiar el código fuente y compartir un enlace al render, además de opciones para publicar el resultado. Para uso local o en pipelines automatizados, ofrece una CLI que genera los diagramas desde la línea de comandos, lo que la hace apta para integrarla en documentación técnica generada con herramientas como Markdown o generadores de sitios estáticos.