NaNi EXECUTION LAB

Visual Flow Editor

Mermaid ⇄ ビジュアル双方向編集

ドラッグで動かす / ダブルクリックで編集 / コードとリアルタイム同期

TEMPLATE | DIRECTION |
💡 ノードをダブルクリックでリネーム 📌 エッジもダブルクリックで編集 ⌨ Del/Backspace で選択削除
MERMAID CODE 0
VISUAL GRAPH

QUICK SYNTAX

形状

A[矩形]
B(丸角)
C{菱形}
D((円))

矢印

A --> B
A -.-> B (点線)
A ==> B (太線)
A -->|Yes| B

操作

ダブルクリック → ラベル編集
ドラッグ → 位置変更
Del/BS → 削除
エッジ作成 → 2ノード順次クリック