📊 Mermaid 図プレビュー
Mermaid 記法を入力すると即座に SVG をレンダリング。flowchart / sequence / class / state / gantt / pie / mindmap / gitGraph / journey に対応。SVG コピー・SVG/PNG ダウンロード・テーマ切替対応。
✅ 完全無料・登録不要・サーバー送信なし
🔒 Mermaid のレンダリングは CDN から読み込んだスクリプトによりブラウザ内で実行されます。図のソーステキストはサーバーに送信されません。
サンプル:
テーマ:
📝 Mermaid 入力
👁 プレビュー
📖 使い方
-
1
構文を入力左側のエディタに Mermaid 記法を入力。サンプルボタンから雛形を読み込めます。
-
2
テーマを選択default / dark / forest / neutral から好みを選んで再レンダリング。
-
3
エクスポートSVG をクリップボードにコピー、または SVG / PNG ファイルとしてダウンロード。
❓ よくある質問
対応する図のタイプは？
flowchart / sequence / class / state / gantt / pie / mindmap / gitGraph / journey に対応します。Mermaid 11 系の構文が使えます。
PNG ダウンロードはどう動作しますか？
レンダリング済みの SVG を Canvas に描画してから PNG として書き出します。すべてブラウザ内で完結します。
Mermaid のソースは外部に送信されますか？
いいえ。Mermaid ライブラリを CDN から読み込みますが、図のテキストはあなたのブラウザ内でのみ処理されます。
🔗 関連ツール
🐛 このツールで問題が発生しましたか？
完全無料・登録不要。再現手順だけでも結構です。届いたご報告は運営者に直接届き、修正の参考にします。
✅
ご報告ありがとうございます！
運営者に届きました。改善の参考にさせていただきます。