← すべてのツール ブラウザー内で描画
Mermaid・Graphviz 図表
図表のコードを貼り付け、確認して画像に書き出します。
コード
プレビュー
図表エンジンを読み込み中…ここに図表が表示されます。
下書きはこのブラウザーに自動保存されます。無料・登録不要
図表のコードはブラウザー内にとどまり、Dentry や描画サービスには送信されません。
コードから図表を作る
1. コードを入力
Mermaid や Graphviz DOT を貼り付けるか、ファイルやサンプルから始めます。Markdown の図表コードブロック 1 つにも対応しています。
2. プレビューを確認
入力が止まるとプレビューが更新されます。構文エラーはコードの下に表示され、修正中は最後に正常に描画された図表が残ります。
3. 図表を書き出す
拡大しても鮮明な画像には SVG、文書やスライドには PNG を選びます。後から編集するためにソースコードも保存できます。
2 種類の図表言語
Mermaid はフローチャート、シーケンス図、状態図、クラス図、ER 図、ガントチャートなどに対応しています。 Mermaid 構文リファレンス ↗
Graphviz DOT は有向グラフ、依存関係の図、技術的なフローチャートに適しています。 Graphviz 構文リファレンス ↗
ファイルとプライバシー
.mmd、.mermaid、.dot、.gv、.txt、または図表を 1 つ含む Markdown を読み込めます。このブラウザー内では各言語ページで同じ下書きを使います。リセットすると保存した下書きが削除されます。
対話型リンク、外部画像、Mermaid の独自設定は無効です。大きな図表は書き出す前に簡略化が必要な場合があります。