Test QuickGV: Difference between revisions

From Fundamental Ramen
Jump to navigation Jump to search
← Older edit
VisualWikitext
 
(124 intermediate revisions by the same user not shown)
Line 1: Line 1:
See: https://graphviz.gitlab.io/_pages/pdf/dotguide.pdf
See: https://graphviz.gitlab.io/_pages/pdf/dotguide.pdf


= 建議線路 gen1 =
= Test =
<quickgv name="topology" theme="warm">
<quickmmd name="main" dump-env="true">
subgraph cluster_clinic {
flowchart TD
   label="診間網路";
   A --> B2
</quickmmd>


  his[label="HIS Server"];
= 認知負荷 =
  nas[label="NAS"];
  opd[label="診間"];
  pt[label="復健"];
  reg[label="掛號"];
  tv[label="衛教"];
  prn[label="印表機"];
  sw[label="辦公室交換器"];
  fw[label="防火牆"];
  wan1[label="固定IP線路"];
  wan2[label="健保局 VPN"];
  cross[label="跨院病歷"];


   {opd pt reg tv his nas prn} -> sw;
<quickmmd name="cognitive-load">
   sw -> fw;
mindmap
   fw -> {wan1 wan2};
  ((認知負荷))
   wan1 -> cross [dir="back", color="#ff0000"];
    ((熟能生巧<br>有效認知負荷<br>germane))
}
      --> 數學解題突破盲腸
      --> 游泳換氣成功了
      --> 繞口令不吃螺絲
    ((錯綜複雜<br>內在認知負荷<br>intrinsic))
      --> 教材太難, 越級打怪
      --> 基礎知識沒學好
    ((莫名其妙<br>外在認知負荷<br>extraneous))
      --> 教材太多雜訊
      --> 光罰寫就寫不完
</quickmmd>
 
= Colored Edge =
 
<quickmmd name="colored-edge" dump-env="true">
flowchart TD
  A1(["👩🏻‍💻 Human"])
  A2(["🤖 Agent"])
 
  B1("HTTP<br>(Fiber v3)")
 
  subgraph backend handlers 
    B2("API handler")
    B3("MCP HTTP")
    B4("Streamable Handler")
    B5("SSE handler")
    B6("MCP Server")
  end
 
  subgraph backend services
    C1(Mermaid to SVG)
    C2(Mermaid to PNG)
    C3(XML Formatter)
  end
 
  subgraph frontend
    B7("Nuxt.js")
  end
 
  subgraph resources
    D1(Mermaid Container<br>yuzutech/kroki-mermaid)
  end
 
  %% human path
  A1 --> B1
  B1 --> |the rest URI| B7
  linkStyle 0,1 stroke:#0000ff,stroke-width:2px
 
  %% agent path
  A2 --> B1
  B1 --> |/mcp or /sse| B3
  linkStyle 2,3 stroke:#00aa00,stroke-width:2px
 
  %% api path
  B7 --> |axios| B1
   B1 --> |/api| B2
   linkStyle 4,5 stroke:#9900cc,stroke-width:2px
 
  B3 --> |/mcp| B4
   B3 --> |/sse| B5
   B4 & B5 --> B6
  B6 --> C1 & C2 & C3
  B2 --> D1
  C1 & C2 --> D1
</quickmmd>
 
= Dish =
<quickmmd name="dish">
mindmap
  A[Dish]
    B1[Sauce Dish]
    B2[Shark's Fin Soup Dish]
    B3[Divided Dish]
    B4[Cassesrole Dish]
</quickmmd>


// 開放網路
= MMD =
subgraph cluster_open {
  label="開放網路";


  gu[label="新光保全"];
<quickmmd name="testmmd">
  mo[label="監視系統"];
flowchart LR
  pc1[label="外網專用PC"];
    Root("規則動詞變化<br>(play)")
  rt[label="IP分享器"];
  wan3[label="浮動IP線路"];
  mobile[label="監視系統 App"];


  {pc1 gu mo} -> rt -> wan3;
    Root --> Past("過去")
  wan3 -> mobile [label="tcp:3880", dir="back", color="#ff0000"];
    Root --> Pres("現在")
}
    Root --> Fut("未來")
</quickgv>


= 建議線路 gen2 =
    Past --> P1("過去普通: played")
    Past --> P2("過去進行: was/were playing")
    Past --> P3("過去完成: had played")
    Past --> P4("過去被動: was/were played")


<quickgv name="topology_gen2" theme="warm">
    Pres --> R1("現在普通: play / plays")
// rankdir=TB;
    Pres --> R2("現在進行: am/is/are playing")
    Pres --> R3("現在完成: have/has played")
    Pres --> R4("現在被動: am/is/are played")


fw[label="防火牆"];
    Fut --> F1("未來普通: will play")
sw1[label="辦公室虛擬內網\nVLAN1"];
    Fut --> F2("未來進行: will be playing")
sw2[label="敏感區虛擬內網\nVLAN2"];
    Fut --> F3("未來完成: will have played")
rt[label="IP分享器"];
    Fut --> F4("未來被動: will be played")
opd1[label="診間1"];
</quickmmd>
opd2[label="診間2"];
pt1[label="復健1"];
pt2[label="復健2"];
reg1[label="掛號1"];
reg2[label="掛號2"];
tv1[label="衛教"];
his[label="HIS Server"];
nas[label="NAS"];
gu[label="新光保全"];
mo[label="監視系統"];
wan1[label="光世代固定IP線路"];
wan2[label="健保局 VPN"];
wan3[label="光世代浮動IP線路"];


{opd1 opd2 pt1 pt2 reg1 reg2 tv1} -> sw1;
= WebSocket Service =
{his nas} -> sw2;
{sw1 sw2} -> fw;
fw -> {wan1 wan2};
{gu mo} -> rt -> wan3;
</quickgv>


= A =
<quickgv name="123" theme="warm" usage="ram">
<quickgv name="Gff" theme="warm">
subgraph cluster_client {
rankdir=TB;
  label="WebSocket Client"
  c1[label="var ws = new WebSocket('/foo')"];
  c2[label="ws.onerror = function (ev) ..."];
  c3[label="ws.onopen = function (ev) ..."];
  c4[label="ws.onmessage = function (ev) ..."];
  c5[label="ws.send()"];
}


A [label="驗證銷售權"];
subgraph cluster_server {
B [label="驗證輸入值格式"];
  label="";
C [label="驗證報價是否存在"];
  s[label="Service Unit | <rh> Request Handler | <ph> Push Handler | <pw> Push Worker | <mh> Message Handler | <mw> Message Worker"];
D [label="產生 GDS 訂單"];
  iq[label="Inbound Queue"];
E [label="產生供應商訂單"];
  oq[label="Outbound Queue"];
}


A -> B -> C -> D -> E;
c1 -> s:rh [color="#ff0000"];
c2 -> s:rh [color="#0000ff",dir="back"];
c3 -> s:rh [color="#0000ff",dir="back"];
c4 -> s:ph [color="#0000ff",dir="back"];
s:ph -> oq [color="#0000ff",dir="back"];
s:pw -> oq [color="#0000ff"];
c5 -> s:mh [color="#ff0000"];
s:mh -> iq [color="#ff0000"];
s:mw -> iq [color="#ff0000",dir="back"];
</quickgv>
</quickgv>


Latest revision as of 07:12, 6 October 2026

See: https://graphviz.gitlab.io/_pages/pdf/dotguide.pdf

Test

File Path/images/quickmmd/Test_QuickGV-main.svg
File Size10.54 KB
Last modified14:49:53
Time of SVG loading0.00 second(s)
Time of SVG convertion0.00 second(s)
Cache DetectedYes
SVG EngineKroki API
Kroki API URLhttp://kroki:8000
Mermaid syntax Referencehttps://mermaid.js.org/intro/syntax-reference.html
QuickMMD Version1.0.0 - About QuickMMD

認知負荷

Colored Edge

File Path/images/quickmmd/Test_QuickGV-colored-edge.svg
File Size116.69 KB
Last modified14:49:55
Time of SVG loading0.00 second(s)
Time of SVG convertion0.00 second(s)
Cache DetectedYes
SVG EngineKroki API
Kroki API URLhttp://kroki:8000
Mermaid syntax Referencehttps://mermaid.js.org/intro/syntax-reference.html
QuickMMD Version1.0.0 - About QuickMMD

Dish

MMD

WebSocket Service

testflow

test

Crawling Flow

GDS

Geomancer

Sandbox

Retrieved from "http://192.168.25.90:53000/index.php?title=Test_QuickGV&oldid=3843"