markdownのmermaidでブロック図を書いてみた

Typoraでも使えます。

ブロック図

ブロック図のソース

※ 最初の行と最後の行の先頭の半角スペースだけ削除して使用してください。

 ```mermaid
graph LR;

    subgraph Input_Type1
        i1[in1]
        i2[in2]
    end

    subgraph Input_Type2
        i3[in3]
        style i3 fill:#ccc,stroke:#f00,stroke-width:2px,stroke-dasharray:3
    end

    subgraph Task
        t1[main]
    end
    
    subgraph Output_Normal
        o1[out1]
    end

    subgraph Output_Error
        o2[out2]
        o3[out3]
    end

i1 --> t1
t1 --> |OK| o1
t1 --> |NG| o2
i2 -.-> t1
i3 --> t1
t1 --> |NG| o3
linkStyle 4 stroke:#f00,stroke-width:2px

classDef pink fill:#ffb6c1
class a3,f3,b3 pink
 ```