Mermaid構文

GitHubのMarkdownファイルでMermaid構文サポート

mermaid.jsが必要でしたが、今回GitHubのMarkdownファイルで、Mermaid構文がサポートされました

GitHubのMarkdownファイルでMermaid構文がサポートされたので作図まとめてみました。 – Qiita

Syntax and Configuration (mermaid-js.github.io

 

 

実際の練習

githubでの練習

Online FlowChart & Diagrams Editor - Mermaid Live Editor
Simplify documentation and avoid heavy tools. Open source Visio Alternative. Commonly used for explaining your code! Mermaid is a simple markdown-like script la...

 

pie title マスコミコメンテーターの質(心証)
“自己顕示欲の塊”: 59
“堅実”: 3
“中身空っぽ”: 45
visual studio code(jupyter notebook)での練習
“`mermaid
graph TB
subgraph effector
呼気筋肉,膀胱括約筋を含む
横隔膜
喉頭,気管,気管支
end
subgraph 遠心性神経
脊髄運動神経–>呼気筋肉,膀胱括約筋を含む
横隔膜神経–>横隔膜
迷走神経遠心路–> 喉頭,気管,気管支
end
subgraph 求心性神経
中枢神経modulation–>咳中枢
咳中枢–>脊髄運動神経
咳中枢–>横隔膜神経
咳中枢–>迷走神経遠心路
end
subgraph 咳受容体
喉頭,上喉頭–>咳中枢
気管及び気管支–>咳中枢
耳道–>咳中枢
胸膜,心外膜,横隔膜–>咳中枢
食道,胃–>咳中枢
end
“`
GUIインターフェースなのでとっつきが良いかもしれない
Google Cloud純正のシステム構成図作成ツールが登場 作図通りのデプロイも可 無料
タイトルとURLをコピーしました