Mermaid.js Mind Map Example

| AgamaPoint | bip39 | iTing | g_m_s | G |

Main Topic
Subtopic 1
Subtopic 2
Subtopic 3
Detail 1
Detail 2
Detail 3
Detail 4
Pod G 1
Pod G 2
Pod G 3 link
 graph TD;
        graph TD;
        %% top-down
        A(Main Topic) --> B[Subtopic 1];
        A --> C[Subtopic 2];
        A --> D[Subtopic 3];

        B --> E[Detail 1];
        B --> F[Detail 2];

        C --> G[Detail 3];
        D --> H[Detail 4];

        G --> I[Pod G 1];
        G --> J[Pod G 2];
        G --> K[Pod G 3 link];


Still
Moving
Crash
stateDiagram-v2
  [*] --> Still
  Still --> [*]
  Still --> Moving
  Moving --> Still
  Moving --> Crash
  Crash --> [*]

cluster
Ingress-managed
load balancer
routing rule
Ingress
Pod
Service
Pod
client
graph LR;
%% left-right
 client([client])-. Ingress-managed 
load balancer .->ingress[Ingress]; ingress-->|routing rule|service[Service]; subgraph cluster ingress; service-->pod1[Pod]; service-->pod2[Pod]; end classDef plain fill:#ddd,stroke:#fff,stroke-width:3px,color:#000; classDef k8s fill:#326ce5,stroke:#fff,stroke-width:3px,color:#fff; classDef cluster fill:#333,stroke:#00ff00,stroke-width:2px,color:#00ff00; class ingress,service,pod1,pod2 k8s; class client plain; class cluster cluster;

mm_bips | mm_mind | mm_chart |
github/mermaid | diagram gide | live/edit |