Mermaid チャートエディター

Mermaid を書くと、自分で描かれるのを見られる — 図のテンプレート（フローチャート、シーケンス、クラス、ステート、ガント、円グラフ、タイムライン、ER）を選び、左の Mermaid ソースを編集するとプレビューが自動的に再描画されます。既定 / ダーク / ニュートラル / フォレストテーマを選び、図を鮮明な SVG または PNG（1x / 2x / 3x）として書き出せます。Mermaid は同梱ライブラリからローカルで実行されます — 入力したものがマシンの外に出ることはありません。
ファイル：
Mermaid ファイルをここにドロップ、またはクリックして選択
.mmd / .mermaid / .txt — または下に Mermaid ソースを貼り付け
テンプレート：
描画オプション
準備完了。テンプレートを選ぶか Mermaid ソースを入力してください。
注意：プレビューは入力をやめてから約 0.5 秒後に再描画されます。構文エラーは上に表示され、最後の正常な図は画面に残ります。SVG 書き出しはすべてのベクター詳細を保持し、PNG は現在のテーマを 1x / 2x / 3x で、任意の白背景付きでラスタライズします。
ライブプレビュー
図のプレビューがここに表示されます。