Criando fluxogramas com strings

• Aplicativo web open source que desenha fluxogramas apenas digitando texto

→ um nó por linha

→ com indentação, vira nó filho

→ use : para definir um rótulo na linha de conexão

→ é possível conectar a outras linhas pelo número da linha (1)

• O gráfico gerado pode ter a posição ajustada com o mouse

• Suporte para download em SVG

• TypeScript + Cytoscape.js + React

[deadcat]

Na minha recomendação pessoal, acho que a pré-visualização do vscode + mermaidJS é muito boa.

https://marketplace.visualstudio.com/items/…

Se você usar o mermaidJS, ele também renderiza no Markdown do GitLab/GitHub, então dá para visualizar facilmente pela web do repositório.

https://mermaid-js.github.io/mermaid/#/

Para desenhar algo simples em um aplicativo web, existe o editor ao vivo.

https://mermaid-js.github.io/mermaid-live-editor/#/edit/