Mermaidレンダラー

使い方と仕様

• ［生成］（または Ctrl+Enter）を押すと図を描画します。テーマを変えたときも描き直します。テキストを編集しただけでは更新されません。
• 描画には Mermaid 10.9.3 を使います。flowchart（graph）・sequenceDiagram・classDiagram・stateDiagram・erDiagram・gantt・pie・journey・gitGraph・mindmap・timeline などの記法に対応します。
• 記法に誤りがある場合は、プレビュー欄にエラー内容（Mermaidの英語のメッセージ）を表示します。図の中のHTMLタグやクリック操作（click 文）は無効になります。
• SVGは diagram.svg、PNGは diagram.png で保存します。PNGは図の周囲に10pxの余白を付け、背景を白（dark テーマでは濃い灰色）で塗ります。［PNGの倍率］で1〜3倍の大きさにできます。
• 図に使う文字はお使いの端末のフォントで表示するため、別の環境でSVGを開くと文字幅が変わる場合があります。PNGへの変換に対応していないブラウザーでは、その旨を表示します。
• 処理はブラウザ内で行い、入力したテキストをサーバーへ送信しません。