Test QuickGV

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

Test

Kroki API returned HTTP 400
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" width="933" height="93" viewBox="0 0 933 93" version="1.1">
<rect fill="#fff5f7" width="933" height="93"/>
<text id="text" xml:space="preserve" font-weight="bold" fill="#cd0930" font-family="BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Helvetica', Arial, sans-serif" font-size="16px" x="0" y="5" dy="0">
<tspan x="10" dy="16">Error 400: SyntaxError: No diagram type detected matching given configuration for text: flowchar TD</tspan>
<tspan x="10" dy="16">  A --&gt; C4</tspan>
<tspan x="10" dy="16"></tspan>
<tspan x="10" dy="16">Error: Syntax error in graph</tspan>
<tspan x="10" dy="16">    at Worker.convert (file:///usr/local/kroki/src/worker.js:103:15)</tspan>
<tspan x="10" dy="16">    at async file:///usr/local/kroki/src/index.js:36:28</tspan>
</text>
<rect fill="#ff3860" width="3" height="93"/>
</svg>

File Path	/images/quickmmd/Test_QuickGV-main.svg
File Size	10.54 KB
Last modified	N/A
Time of SVG loading	0.47 second(s)
Time of SVG convertion	0.00 second(s)
Cache Detected	No
MD5 of incoming syntax	88eff55e6804c4c1ca243b32ebe82cc5
MD5 of cached syntax	4537a9182d13375d53fc4fc20a27e7fe
SVG Engine	Kroki API
Kroki API URL	http://kroki:8000
Mermaid syntax Reference	https://mermaid.js.org/intro/syntax-reference.html
QuickMMD Version	1.0.0 - About QuickMMD

flowchar TD
  A --> C4

認知負荷

File Path	/images/quickmmd/Test_QuickGV-cognitive-load.svg
File Size	34.96 KB
Last modified	15:11:45
Time of SVG loading	0.00 second(s)
Time of SVG convertion	0.00 second(s)
Cache Detected	Yes
SVG Engine	Kroki API
Kroki API URL	http://kroki:8000
Mermaid syntax Reference	https://mermaid.js.org/intro/syntax-reference.html
QuickMMD Version	1.0.0 - About QuickMMD

mindmap
  ((認知負荷))
    ((熟能生巧<br>有效認知負荷<br>germane))
      --> 數學解題突破盲腸
      --> 游泳換氣成功了
      --> 繞口令不吃螺絲
    ((錯綜複雜<br>內在認知負荷<br>intrinsic))
      --> 教材太難, 越級打怪
      --> 基礎知識沒學好
    ((莫名其妙<br>外在認知負荷<br>extraneous))
      --> 教材太多雜訊
      --> 光罰寫就寫不完

Colored Edge

File Path	/images/quickmmd/Test_QuickGV-colored-edge.svg
File Size	116.59 KB
Last modified	17:41:17
Time of SVG loading	0.00 second(s)
Time of SVG convertion	0.00 second(s)
Cache Detected	Yes
SVG Engine	Kroki API
Kroki API URL	http://kroki:8000
Mermaid syntax Reference	https://mermaid.js.org/intro/syntax-reference.html
QuickMMD Version	1.0.0 - About QuickMMD

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

Dish

File Path	/images/quickmmd/Test_QuickGV-dish.svg
File Size	24.55 KB
Last modified	10:55:08
Time of SVG loading	0.00 second(s)
Time of SVG convertion	0.00 second(s)
Cache Detected	Yes
SVG Engine	Kroki API
Kroki API URL	http://kroki:8000
Mermaid syntax Reference	https://mermaid.js.org/intro/syntax-reference.html
QuickMMD Version	1.0.0 - About QuickMMD

mindmap
  A[Dish]
    B1[Sauce Dish]
    B2[Shark's Fin Soup Dish]
    B3[Divided Dish]
    B4[Cassesrole Dish]

MMD

File Path	/images/quickmmd/Test_QuickGV-testmmd.svg
File Size	27.08 KB
Last modified	13:08:33
Time of SVG loading	0.00 second(s)
Time of SVG convertion	0.00 second(s)
Cache Detected	Yes
SVG Engine	Kroki API
Kroki API URL	http://kroki:8000
Mermaid syntax Reference	https://mermaid.js.org/intro/syntax-reference.html
QuickMMD Version	1.0.0 - About QuickMMD

flowchart LR
    Root("規則動詞變化<br>(play)")

    Root --> Past("過去")
    Root --> Pres("現在")
    Root --> Fut("未來")

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

    Pres --> R1("現在普通: play / plays")
    Pres --> R2("現在進行: am/is/are playing")
    Pres --> R3("現在完成: have/has played")
    Pres --> R4("現在被動: am/is/are played")

    Fut --> F1("未來普通: will play")
    Fut --> F2("未來進行: will be playing")
    Fut --> F3("未來完成: will have played")
    Fut --> F4("未來被動: will be played")

testflow

test