Mermaidエディター

使い方

Mermaidの記法で図を書いて「描画」を押すと、SVGとしてプレビューされます。フローチャート、シーケンス図、クラス図のサンプルが用意されているので、書き換えながら試せます。完成した図は「SVGをダウンロード」でファイルとして保存できます。文法エラーがある場合はMermaidのエラーメッセージが表示されます。

注意事項

描画はブラウザ内で行われ、入力がサーバーへ送信されることはありません。Mermaidは securityLevel: "strict" で初期化しているため、図の中のHTMLラベルやクリックイベントは無効化されます。

よくある質問

対応している図の種類は？

Mermaidが対応する図（フローチャート、シーケンス図、クラス図、状態遷移図、ガントチャートなど）を描画できます。

PNGで保存できますか？

このツールはSVGのみです。SVGは拡大しても劣化せず、そのままWebページにも貼れます。