[마크다운] 그래프/다이어그램 넣기 - Mermaid 라이브러리

Mermaid 라이브러리

차트와 같은 그래프를 보여주는 마크다운 엔진
[공식 문서]

특징

• Flow Chart, 상태다이어그램, 클래스다이어그램, 간트차트, ER Diagram 등을 그릴 수 있다.
• 보통 그래프를 넣을 때 파워포인트 등을 이용해 이미지화하여 마크다운 문서에 넣곤 하지만, 추후 수정사항이 발생할 때마다 일일히 사진을 업데이트해줘야 하기 때문에 불편한점이 많다.
  → Mermaid를 사용해 수정할 부분의 코드만 수정하여 관리할 수 있다.

사용방법

  ```mermaid
    gantt
        title A Gantt Diagram
        dateFormat  YYYY-MM-DD
        section Section
        A task           :a1, 2014-01-01, 30d
        Another task     :after a1  , 20d
        section Another
        Task in sec      :2014-01-12  , 12d
        another task      : 24d
  ```

결과화면

• 세로축: 수행해야 할 Task
• 가로축: 기간

Mermaid live editor에서 실시간으로 편집하면서 코드를 수정할 수 있다.