스크립트로 각종 다이어그램을 그려주는 JavaScript 라이브러리로 Mermaid 라는 것이 있습니다.

이를 포함시킨 마크다운 에디터도 stackedit.io, Typora 등이 있는데요.

최근에 Mermaid에서 클래스 다이어그램 및 상태 전이도 지원을 하기 시작한 것 같습니다.

문법은 그렇게 어렵지 않아 사용 문법은 홈페이지를 참조하시면 쉽게 따라하실 수 있을 것입니다.

이 두개의 다이어그램 지원 Mermaid 버전은 8.x 입니다. 이 버전은 아직 stackedit.io 및 typora 등에서는 지원하고 있지 않습니다.

typora 0.9.9.30버전에서 새로운 Mermaid 버전을 지원하기 시작했습니다. 아래 그림은 자판기의 상태전이를 한번 간단하게 작성해 본 것입니다.