Tech News

제목문자열로 플로우차트 생성하기2021-03-05 14:00
작성자 Level 10

https://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/

G
M
T
Text-to-speech function is limited to 200 characters
댓글
자동등록방지
(자동등록방지 숫자를 입력해 주세요)