メインコンテンツまでスキップ

ダイアグラム

ダイアグラムは、コードブロック内で Mermaid を使用してレンダリングできます。

使い方

CMS は Mermaid ダイアグラムの編集を直接サポートしています。

  1. Mermaid アイコンをクリックします。
  2. ボックスに Markdown を入力します。

Preview をクリックしてダイアグラムを確認します。

例:

注意

現在、zenUML ダイアグラムはサポートされておらず、マインドマップダイアグラムは予期しない動作が発生する場合があります。すべてのダイアグラムタイプが CMS でプレビューできるわけではありません。

詳細については、TinaCMS ドキュメントの Mermaid を参照してください。

Mermaid のテーマ設定については、Docusaurus ドキュメントの Diagrams を参照してください。

アーキテクチャ図

ブロック図

C4コンテキスト図

クラス図

ER図

フローチャート

ガントチャート

Gitグラフ

かんばんボード

マインドマップ

パケット図

円グラフ

象限図

レーダーチャート

要求図

サンキー図

シーケンス図

状態遷移図

タイムライン

ツリーマップ

ユーザージャーニー

XYチャート