Mermaid 로 다이어그램 그리기

[ghojeong]

I am plan to add the existing markdown documentation to the uftrace.github.io homepage as read the docs. (Like the Linux kernel documentation)

Resources for reference are as follows.

Read the Docs's Markdown Tutorial Project docs.readthedocs.io/en/stable/intro/getting-started-with-sphinx.html#using-markdown-with-sphinx readthedocs/tutorial-sphinx-markdown youtu.be/qRSb299awB0?t=3381 When drawing diagrams, We try to use mermaid supported by markdown as much as possible.

• https://mermaid.live/edit
• https://mermaid-js.github.io/mermaid/#/gantt

Markdowned mermaid source code interpreted like this.

[ghojeong]

flowchart LR
     p_client[FaaSnap \n Python Client];
    daemon[FaaSnap \n Daemon];
    firecracker[FaaSnap \n Firecracker VMM];

    p_client --> |request| daemon;
    daemon --> |request| firecracker;

[ghojeong]

flowchart LR
  subgraph FaaSnap FIrecracker VMM
    subgraph microVM1
          subgraph FaaSnap Kernel
              direction TB
              rootfs --> Flask
          end
    end
    subgraph microVM2
          subgraph Kernel
            Procedure
          end
    end
  end