|
|
| 145行目: |
145行目: |
| </graphviz> | | </graphviz> |
| ==== Marmeid ==== | | ==== Marmeid ==== |
| ===== フローチャート =====
| | [[sandbox/plugin/mermaid|ここに移植]] |
| 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
| |
| 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 {
| |
| [*] --> 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>
| |
| ===== ガントチャート =====
| |
| プラグインでは対応してなかった
| |
| | |
| ===== 円グラフ =====
| |
| <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/}} |