ASCII Mermaid 図ツール
美しい Mermaid 図を作成し、画像としてエクスポートできます。左側に Mermaid コードを入力すると、右側にプレビューが表示されます。
Mermaid コード入力
プレビュー
Mermaid コードを入力するとプレビューが表示されます
美しい Mermaid 図を作成し、画像としてエクスポートできます。左側に Mermaid コードを入力すると、右側にプレビューが表示されます。
ASCII Mermaid 図は、Mermaid 図をテキストで表現したもので、ドキュメント、ターミナル出力など、プレーンテキスト形式の図が必要な場面に最適です。このツールは beautiful-mermaid ライブラリを使用して、Mermaid 構文を美しい ASCII アートに変換します。
左側の入力欄に Mermaid の図のコードを入力するだけです。右側のプレビューがリアルタイムで更新され、図の ASCII 表現が表示されます。「テキストをコピー」ボタンでインデントを指定して図をコピーしたり、「PNG としてエクスポート」で画像として保存したりできます。
Mermaid 図を使いこなすには、次のリソースをご覧ください。
サポートされている 5 種類すべての図のライブプレビューです。「エディターに読み込む」をクリックすると、どの例も試せます。
graph TD / flowchart LR — 決定木、処理フロー、パイプライン
sequenceDiagram — 参加者間のメッセージのやり取り
stateDiagram-v2 — ステートマシンとライフサイクルの遷移
classDiagram — オブジェクト指向のクラス関係と継承
erDiagram — エンティティ・リレーションシップのデータベーススキーマ