Mermaid 예제 요청

Person:

• markdown mermaid 예제 알려줘

ChatGPT:

• Mermaid은 Markdown을 사용하여 다이어그램, 시퀀스 다이어그램, Gantt 차트 등 다양한 그래프를 그리는 라이브러리입니다. 아래는 Mermaid을 사용한 예제입니다.

시퀀스 다이어그램 예제:

sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    loop Healthcheck
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts <br/>prevail...
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!

플로우차트 예제:

graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;

Gantt 차트 예제:

gantt
    dateFormat  YYYY-MM-DD
    title Adding GANTT diagram functionality to mermaid

    section A section
    Completed task            :done,    des1, 2014-01-06,2014-01-08
    Active task               :active,  des2, 2014-01-09, 3d
    Future task               :         des3, after des2, 5d
    Future task2              :         des4, after des3, 5d

더 많은 Mermaid 예제는 ![Mermaid 공식 웹사이트](https://mermaid-js.github.io/mermaid/#/)에서 확인할 수 있습니다.