編集可能なサンプル
Mermaid Cynefin図テンプレート
編集しやすいCynefin図のMermaid例から始め、構文を調整し、ライブプレビューして文書やプレゼン用の画像を書き出せます。
Cynefin図を試す
cynefin-beta
title Product decision context
clear
"Simple export bug"
complicated
"SEO migration"
complex
"AI diagram prompt"
chaotic
"Runtime outage"
complex --> complicated: "Research"Mermaid Cynefin図テンプレートとは？
Mermaid Cynefin図テンプレートは編集可能なMermaidサンプルページです。構文を確認し、フルワークスペースで編集を続け、PNG、JPG、SVG、PDFとして書き出せます。
使いやすいMermaidの起点構文
書き出し前にライブプレビュー
PNG、JPG、SVG、PDF出力
ブラウザ内レンダリング
Mermaidのオンラインプレビュー以上
Mermaid2Imgはオンラインエディタ、テンプレート、スタイル設定、ローカル履歴、複数形式のエクスポートを1つのワークスペースにまとめています。
Mermaid構文とレイアウトをライブプレビュー
PNG、JPG、SVG、PDFをまとめて出力
文書作成に使いやすい22種類の図表テンプレート
プライベートな図にも使いやすいブラウザ内処理
Mermaidの書き出し形式を選ぶ
同じ図を複数形式で書き出せるため、用途に合うファイルを選んでからダウンロードできます。
PNG
README、チケット、ドキュメント、チャット
多くの場所で扱いやすい鮮明なビットマップが必要なときに使います。
JPG
小さいファイルと手早い共有
透明背景が不要で、軽いプレビュー画像が欲しいときに向いています。
SVG
Web、ベクター資料、デザイン共有
拡大しても崩れない線や後からの調整が必要なときに使います。
PDF
印刷、提案書、プレゼン資料
図を文書として配布したいときに適しています。
構文チェック
Mermaid 11.16 の Cynefin 図は `cynefin-beta` で宣言します。
`clear`、`complicated`、`complex`、`chaotic` の各ドメイン配下に項目を書きます。
`complex --> complicated: "Research"` のような矢印で遷移を表せます。
使い方
1
Cynefin図の例を開きます。
2
ラベル、ノード、関係を自分の内容に置き換えます。
3
図を書き出すか、ワークスペースで続けて編集します。
よくある質問
MermaidのCynefin図とは何ですか？
Cynefin図はテキスト構文で書き、文書や計画用の図としてレンダリングできるMermaidの図表タイプです。
Cynefin図テンプレートをPNGに出力できますか？
はい。Mermaid2ImgでPNG、JPG、SVG、PDFとして直接書き出せます。
レンダリングはどこで行われますか？
図のレンダリングとエクスポートはブラウザ内で行われます。
オンラインで編集して書き出す
下の埋め込みエディタを試すか、詳細設定はフルワークスペースで開けます。
Loading editor...