mermaid.jsの使い方 - suto3の大福帳

mermaid.jsの使い方

mermaid.js:sandbox -- サンドボックス、実験場

基本編

mermaid.js:バージョン確認

mermaid.js:基本図形

mermaid.js:ダイアグラム

mermaid.js:コメント

mermaid.js:グラフ

mermaid.js:サブグラフ

mermaid.js:リンク

mermaid.js:ノード

mermaid.js:画像

mermaid.js:フローチャート

mermaid.js:シーケンス図

mermaid.js:クラス図

mermaid.js:ステート図

mermaid.js:ER図

mermaid.js:SysML

mermaid.js:ユーザージャーニー図

mermaid.js:ガントチャート

mermaid.js:円グラフ

mermaid.js:クアドラントチャート

mermaid.js:要件図

mermaid.js:Gitグラフ

mermaid.js:マインドマップ

mermaid.js:タイムライン

Basic

mermaid.js:diagram

mermaid.js:comment

mermaid.js:graph

mermaid.js:subgraph

mermaid.js:link

mermaid.js:node

mermaid.js:flowchart

mermaid.js:sequence diagram

mermaid.js:class diagram

mermaid.js:state diagram

mermaid.js:entity relationship diagram

mermaid.js:user journey diagram

mermaid.js:gantt chart

mermaid.js:pie chart

mermaid.js:quadrant chart

mermaid.js:requirement diagram

mermaid.js:gitgraph diagram

mermaid.js:C4 diagram

mermaid.js:mindmap

mermaid.js:timeline

mermaid.js:ZenUML

mermaid.js:sankey diagram

mermaid.js:XY Chart

mermaid.js:block diagram

mermaid.js:packet x

mermaid.js:kanban x

応用編

mermaid.js:テーマ

mermaid.js:ハイパーリンク - mermaid.js:hyperlink

mermaid.js:ツリー構造とネットワーク構造

mermaid.js:ツリー図 - mermaid.js:tree diagram

mermaid.js:ネットワーク図 - mermaid.js:network diagram

mermaid.js:ブロック図 - mermaid.js:block diagram

mermaid.js:無向グラフと有向グラフ

mermaid.js:フローチャート - mermaid.js:flowchart

mermaid.js:FontAwesome

mermaid.js:概念図 - mermaid.js:conceptual diagram

mermaid.js:概念地図 - mermaid.js:concept map

mermaid.js:思考マップ - mermaid.js:thinking maps

mermaid.js:因果関係図 - mermaid.js:causal diagram

mermaid.js:ロジックツリー - mermaid.js:logic tree

mermaid.js:影響力ダイアグラム - mermaid.js:influence diagram

mermaid.js:デシジョンツリー - mermaid.js:decision tree

mermaid.js:データフローダイアグラム - mermaid.js:data flow diagram

mermaid.js:アクティビティ図 - mermaid.js:activity diagram

mermaid.js:信頼性ブロック図 - mermaid.js:reliability block diagram

mermaid.js:要点は3つです

mermaid.js:KJ法

mermaid.js:コミットグラフ - mermaid.js:Gitグラフと同じ

mermaid.js:カレンダー

mermaid.js:意味ネットワーク

mermaid.js:語彙マップ

https://img.shields.io/badge/使い方-FF3670.svg?logo=mermaid&style=for-the-badge&logoColor=white