|
|
| (同じ利用者による、間の6版が非表示) |
| 72行目: |
72行目: |
| === ダイアグラムエクステンション === | | === ダイアグラムエクステンション === |
| ==== Graphviz==== | | ==== Graphviz==== |
| | dot言語というものを使いグラフ(点と線の集まり)を描けるソフト |
| | |
| | 頑張れば地図も作れる |
| | |
| [https://graphviz.org/gallery/ サンプルはここ] | | [https://graphviz.org/gallery/ サンプルはここ] |
| https://graphviz.org/Gallery/directed/world.html
| |
| https://dreampuf.github.io/GraphvizOnline/
| |
| <graphviz>
| |
| digraph world {
| |
| size="7,7";
| |
| {rank=same; S8 S24 S1 S35 S30;}
| |
| {rank=same; T8 T24 T1 T35 T30;}
| |
| {rank=same; 43 37 36 10 2;}
| |
| {rank=same; 25 9 38 40 13 17 12 18;}
| |
| {rank=same; 26 42 11 3 33 19 39 14 16;}
| |
| {rank=same; 4 31 34 21 41 28 20;}
| |
| {rank=same; 27 5 22 32 29 15;}
| |
| {rank=same; 6 23;}
| |
| {rank=same; 7;}
| |
|
| |
|
| S8 -> 9;
| | [https://graphviz.org/Gallery/directed/world.html ギャラリー] |
| S24 -> 25;
| | |
| S24 -> 27;
| | [https://dreampuf.github.io/GraphvizOnline/ オンラインエディタ] |
| S1 -> 2;
| | [https://dreampuf.github.io/GraphvizOnline/ オンラインエディタ2] |
| S1 -> 10;
| | [https://bpbbswiki.com/wiki/Sandbox/plugin/graphviz wikiでのサンプルはここに移植] |
| S35 -> 43;
| | |
| S35 -> 36;
| | [https://qiita.com/rubytomato@github/items/51779135bc4b77c8c20d 解説(日本語)] |
| S30 -> 31;
| |
| S30 -> 33;
| |
| 9 -> 42;
| |
| 9 -> T1;
| |
| 25 -> T1;
| |
| 25 -> 26;
| |
| 27 -> T24;
| |
| 2 -> {3 ; 16 ; 17 ; T1 ; 18}
| |
| 10 -> { 11 ; 14 ; T1 ; 13; 12;}
| |
| 31 -> T1;
| |
| 31 -> 32;
| |
| 33 -> T30;
| |
| 33 -> 34;
| |
| 42 -> 4;
| |
| 26 -> 4;
| |
| 3 -> 4;
| |
| 16 -> 15;
| |
| 17 -> 19;
| |
| 18 -> 29;
| |
| 11 -> 4;
| |
| 14 -> 15;
| |
| 37 -> {39 ; 41 ; 38 ; 40;}
| |
| 13 -> 19;
| |
| 12 -> 29;
| |
| 43 -> 38;
| |
| 43 -> 40;
| |
| 36 -> 19;
| |
| 32 -> 23;
| |
| 34 -> 29;
| |
| 39 -> 15;
| |
| 41 -> 29;
| |
| 38 -> 4;
| |
| 40 -> 19;
| |
| 4 -> 5;
| |
| 19 -> {21 ; 20 ; 28;}
| |
| 5 -> {6 ; T35 ; 23;}
| |
| 21 -> 22;
| |
| 20 -> 15;
| |
| 28 -> 29;
| |
| 6 -> 7;
| |
| 15 -> T1;
| |
| 22 -> T35;
| |
| 22 -> 23;
| |
| 29 -> T30;
| |
| 7 -> T8;
| |
| 23 -> T24;
| |
| 23 -> T1;
| |
| }
| |
| </graphviz>
| |
| ==== Marmeid ====
| |
| ===== フローチャート =====
| |
| https://mermaid.live | |
| https://mermaid.js.org/intro/ | |
| https://chrome.google.com/webstore/detail/mermaid-graphical-editor/ncgegkhepmclapihakjkpefpfodjobao | |
| <mermaid>
| |
| flowchart LR
| |
| A[Hard edge] -->|Link text| B(Round edge)
| |
| B --> C{Decision}
| |
| C -->|One| D[Result one]
| |
| C -->|Two| E[Result two]
| |
| </mermaid>
| |
| <mermaid>
| |
| %%{init: {"flowchart": {"htmlLabels": false}} }%%
| |
| flowchart LR
| |
| subgraph "One"
| |
| a("`The **cat**
| |
| in the hat`") -- "edge label" --> b{{"`The **dog** in the hog`"}}
| |
| end
| |
| subgraph "`**Two**`"
| |
| c("`The **cat**
| |
| in the hat`") -- "`Bold **edge label**`" --> d("The dog in the hog")
| |
| end
| |
| </mermaid>
| |
| <mermaid>
| |
| flowchart LR
| |
| subgraph subgraph1
| |
| direction TB
| |
| top1[top] --> bottom1[bottom]
| |
| end
| |
| subgraph subgraph2
| |
| direction TB
| |
| top2[top] --> bottom2[bottom]
| |
| end
| |
| %% ^ These subgraphs are identical, except for the links to them:
| |
|
| |
|
| %% Link *to* subgraph1: subgraph1 direction is mantained
| | http://www.yosbits.com/wordpress/?page_id=4845 |
| outside --> subgraph1
| |
| %% Link *within* subgraph2:
| |
| %% subgraph2 inherits the direction of the top-level graph (LR)
| |
| outside ---> top2
| |
| </mermaid>
| |
| ===== ダイアグラム =====
| |
| <mermaid>
| |
| sequenceDiagram
| |
| autonumber
| |
| Alice->>John: Hello John, how are you?
| |
| loop Healthcheck
| |
| John->>John: Fight against hypochondria
| |
| end
| |
| Note right of John: Rational thoughts!
| |
| John-->>Alice: Great!
| |
| John->>Bob: How about you?
| |
| Bob-->>John: Jolly good!
| |
| </mermaid>
| |
| <mermaid>
| |
| stateDiagram-v2
| |
| [*] --> Active
| |
|
| |
|
| state Active {
| | ==== Marmeid ==== |
| [*] --> NumLockOff
| | いろいろなチャート的なのがかけるソフト |
| NumLockOff --> NumLockOn : EvNumLockPressed
| |
| NumLockOn --> NumLockOff : EvNumLockPressed
| |
| --
| |
| [*] --> CapsLockOff
| |
| CapsLockOff --> CapsLockOn : EvCapsLockPressed
| |
| CapsLockOn --> CapsLockOff : EvCapsLockPressed
| |
| --
| |
| [*] --> ScrollLockOff
| |
| ScrollLockOff --> ScrollLockOn : EvScrollLockPressed
| |
| ScrollLockOn --> ScrollLockOff : EvScrollLockPressed
| |
| }
| |
| </mermaid>
| |
| <mermaid>
| |
| stateDiagram-v2
| |
| State1: The state with a note
| |
| note right of State1
| |
| Important information! You can write
| |
| notes.
| |
| end note
| |
| State1 --> State2
| |
| note left of State2 : This is the note to the left.
| |
| </mermaid>
| |
| ===== ガントチャート =====
| |
| プラグインでは対応してなかった
| |
|
| |
|
| ===== 円グラフ =====
| | [[sandbox/plugin/mermaid|ここに移植]] |
| <mermaid>
| |
| pie showData
| |
| title 名前欄は？
| |
| "安倍晋三" : 386
| |
| "文鮮明" : 85
| |
| "竹中平蔵" : 15
| |
| </mermaid>
| |
| ===== 散布図 =====
| |
| プラグインでは対応してなかった
| |
| ===== git グラフ =====
| |
| <mermaid>
| |
| gitGraph
| |
| commit
| |
| commit
| |
| branch develop
| |
| checkout develop
| |
| commit
| |
| commit
| |
| checkout main
| |
| merge develop
| |
| commit
| |
| commit
| |
| </mermaid>
| |
| =====マインドマップ=====
| |
| 対応していなかった
| |
|
| |
|
| {{Special:PrefixIndex/Help:Subpages/}} | | {{Special:PrefixIndex/Help:Subpages/}} |