문자열로 플로우차트 생성하기
(flowchart.fun)- 글자입력만으로 흐름도를 그리는 오픈소스 웹앱
ㅤ→ 한줄당 노드 하나
ㅤ→ 들여쓰기하면 차일드 노드
ㅤ→ ": " 로 연결 라인에 라벨 지정
ㅤ→ (1) 줄 번호로 다른 라인과 연결 가능
- 생성된 차트는 마우스로 위치 조정
- SVG로 다운로드 지원
- TypeScript + Cytoscape.js + React
개인적인 추천으로는 vscode + mermaidJS 프리뷰가 좋은것 같습니다.
https://marketplace.visualstudio.com/items/…
mermaidJS를 사용하면 깃랩/깃허브 마크다운에서 렌더링도 해줘서 리포지토리 웹에서도 쉽게 볼 수 있습니다.
https://mermaid-js.github.io/mermaid/#/
웹앱에서 간단히 그리기 위해서는 라이브 에디터가 있습니다.
https://mermaid-js.github.io/mermaid-live-editor/#/edit/