フローチャートツール
ノードと矢印をテキストで記述してフローチャートを作成します。Diagram.RSはMermaidのフローチャート構文を使い、入力しながらリアルタイムでプレビューを表示します。プロセスやアルゴリズム、意思決定ロジックの文書化に最適です。
ダイアグラムコード
プレビュー
Theme
Default
サンプルを試す
オンラインでフローチャートを作る方法
- graph TD（上から下）またはgraph LR（左から右）でコードを始め、フローの方向を指定します。
- ノードをラベル付きで定義し（例：A[開始]）、矢印で繋ぎます（例：A --> B）。
- 波括弧で分岐ノードを作り、矢印にラベルを付けます（例：B{正常？} -->|はい| C）。
- 完成したフローチャートをSVGまたはPNGでエクスポートしてください。
フローチャートFAQ
- オンラインで無料のフローチャートを作るには？
- Mermaidフローチャート構文（graph TD や A --> B など）を入力するとプレビューが即座に更新されます。完成したらSVGまたはPNGでダウンロードできます。
- TDとLRの違いは？
- フローの方向を指定します。TD（top-down）は縦方向、LR（left-right）は横方向のレイアウトを生成します。
- 分岐（はい/いいえ）を追加できますか？
- はい。波括弧で意思決定ノードを作り（例：B{動作している？}）、各矢印にラベルを付けます（例：B -->|はい| C や B -->|いいえ| D）。