Mermaid.js Mind Map Example

 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];

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

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;