Kubernetes mermaid.js diagrams

Flowchart @mermaid.js

Diagram Guide | Kubernetes

simple example code:

Online FlowChart & Diagrams Editor - Mermaid Live Editor

graph TB

   subgraph "zoneB"
       n3(Node3)
       n4(Node4)
   end
   subgraph "zoneA"
       n1(Node1)
       n2(Node2)
   end
 
   classDef plain fill:#ddd,stroke:#fff,stroke-width:4px,color:#000;
   classDef k8s fill:#326ce5,stroke:#fff,stroke-width:4px,color:#fff;
   classDef cluster fill:#fff,stroke:#bbb,stroke-width:2px,color:#326ce5;
   class n1,n2,n3,n4 k8s;
   class zoneA,zoneB cluster;

more complex example, rendered 

chrismetz09/K8s-docs-mermaid: Notes on use of Mermaid JS to draw diagrams for K8s docs