マイウィキ

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

• 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]

  A & B--> C & D

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?)

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

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

<code>