Diagram/Kroki/Mermaid: Difference between revisions
Jump to navigation
Jump to search
| Line 16: | Line 16: | ||
!scope="col" style='width:20%'| Recommended | !scope="col" style='width:20%'| Recommended | ||
|- | |- | ||
| default || Standard Mermaid theme ||style='text-align:center'| | | default || Standard Mermaid theme ||style='text-align:center'| 🟡 | ||
|- | |- | ||
| forest || Green / earthy style ||style='text-align:center'| 🟢 | | forest || Green / earthy style ||style='text-align:center'| 🟢 | ||
|- | |- | ||
| dark || Dark background ||style='text-align:center'| | | dark || Dark background ||style='text-align:center'| 🟠 | ||
|- | |- | ||
| neutral || Light, neutral colors ||style='text-align:center'| 🟢 | | neutral || Light, neutral colors ||style='text-align:center'| 🟢 | ||
|- | |- | ||
| base || Minimal base style ||style='text-align:center'| | | base || Minimal base style ||style='text-align:center'| 🟠 | ||
|- | |- | ||
| redux || Redux-style flowchart ||style='text-align:center'| | | redux || Redux-style flowchart ||style='text-align:center'| 🟡 | ||
|} | |} | ||
Revision as of 08:29, 23 December 2025
cat <<'YML' | tee ${HOME}/kroki.yml >/dev/null
---
endpoint: https://kroki.shahed.biz.ops
timeout: 30s
YML
|
Mermaid » Theme
| Name | Description | Recommended |
|---|---|---|
| default | Standard Mermaid theme | 🟡 |
| forest | Green / earthy style | 🟢 |
| dark | Dark background | 🟠 |
| neutral | Light, neutral colors | 🟢 |
| base | Minimal base style | 🟠 |
| redux | Redux-style flowchart | 🟡 |
Mermaid » Graph
|
Mermaid » Graph | |
|---|---|
BASE64_SCHEME="$(cat <<-'MMD' | kroki encode /dev/stdin
---
config:
theme: forest
---
graph TD
A[Client] --> B[Ingress]
B --> C[Kroki]
C --> D[Mermaid Renderer]
MMD
)"
setsid open https://kroki.shahed.biz.ops/mermaid/svg/${BASE64_SCHEME} >/dev/null 2>&1 &
|
BASE64_SCHEME="$(cat <<-'MMD' | kroki encode -
---
config:
theme: neutral
---
graph TD
A[Client] --> B[Ingress]
B --> C[Kroki]
C --> D[Mermaid Renderer]
MMD
)"
setsid open https://kroki.shahed.biz.ops/mermaid/svg/${BASE64_SCHEME} >/dev/null 2>&1 &
|
Mermaid » Flowchart
|
Mermaid » Flowchart | |
|---|---|
BASE64_SCHEME="$(cat <<-'MMD' | kroki encode /dev/stdin
---
config:
theme: default
---
flowchart TD
A(["Start"])
A --> B{"Decision"}
B --> C["Option A"]
B --> D["Option B"]
MMD
)"
setsid open https://kroki.shahed.biz.ops/mermaid/svg/${BASE64_SCHEME} >/dev/null 2>&1 &
|
BASE64_SCHEME="$(cat <<-'MMD' | kroki encode -
---
config:
theme: dark
---
flowchart TD
A(["Start"])
A --> B{"Decision"}
B --> C["Option A"]
B --> D["Option B"]
MMD
)"
setsid open https://kroki.shahed.biz.ops/mermaid/svg/${BASE64_SCHEME} >/dev/null 2>&1 &
|
References
|
References | ||
|---|---|---|