16P by xguru 5달전 | favorite | 댓글 1개

- 글자입력만으로 흐름도를 그리는 오픈소스 웹앱
ㅤ→ 한줄당 노드 하나
ㅤ→ 들여쓰기하면 차일드 노드
ㅤ→ ": " 로 연결 라인에 라벨 지정
ㅤ→ (1) 줄 번호로 다른 라인과 연결 가능
- 생성된 차트는 마우스로 위치 조정
- SVG로 다운로드 지원
- TypeScript + Cytoscape.js + React

deadcat 5달전  [-]

개인적인 추천으로는 vscode + mermaidJS 프리뷰가 좋은것 같습니다.
https://marketplace.visualstudio.com/items/…

mermaidJS를 사용하면 깃랩/깃허브 마크다운에서 렌더링도 해줘서 리포지토리 웹에서도 쉽게 볼 수 있습니다.
https://mermaid-js.github.io/mermaid/#/

웹앱에서 간단히 그리기 위해서는 라이브 에디터가 있습니다.
https://mermaid-js.github.io/mermaid-live-editor/#/edit/