フローチャートの向き 可能なフローチャートの方向は次のとおりです。

• TB-上から下へ
• TD-トップダウン/上から下と同じ
• BT-下から上へ
• RL-右から左
• LR-左から右

flowchart LR

flowchart LR
    A[Hard edge] -->|Link text| B(Round edge)
    B --> C{Decision}
    C -->|One| D[Result one]
    C -->|Two| E[Result two]

flowchart TB

flowchart TB
    A & B--> C & D

flowchart TD

flowchart TD
    B["fa:fa-twitter for peace"]
    B-->C[fa:fa-ban forbidden]
    B-->D(fa:fa-spinner);
    B-->E(A fa:fa-camera-retro perhaps?)

subgraph グラフタイプのフローチャートを使用すると、方向ステートメントを使用して、この例のようにサブグラフがレンダリングする方向を設定できます。

flowchart LR
  subgraph TOP
    direction TB
    subgraph B1
        direction RL
        i1 -->f1
    end
    subgraph B2
        direction BT
        i2 -->f2
    end
  end
  A --> TOP --> B
  B1 --> B2