diff --git a/docs/n00b-gettingStarted.md b/docs/n00b-gettingStarted.md index 2c25b2f33..105da681d 100644 --- a/docs/n00b-gettingStarted.md +++ b/docs/n00b-gettingStarted.md @@ -95,7 +95,10 @@ c. The `mermaid.initialize()` call, which dictates the appearance of diagrams an Here is a mermaid diagram:
- graph TD A[Client] --> B[Load Balancer] B --> C[Server01] B --> D[Server02] + graph TD + A[Client] --> B[Load Balancer] + B --> C[Server01] + B --> D[Server02]
``` @@ -137,13 +140,19 @@ Rendering in Mermaid is initalized by `mermaid.initialize()` call. You can place Here is one mermaid diagram:
- graph TD A[Client] --> B[Load Balancer] B --> C[Server1] B --> D[Server2] + graph TD + A[Client] --> B[Load Balancer] + B --> C[Server1] + B --> D[Server2]
And here is another:
- graph TD A[Client] -->|tcp_123| B(Load Balancer) B -->|tcp_456| C[Server1] B - -->|tcp_456| D[Server2] + graph TD + A[Client] -->|tcp_123| + B(Load Balancer) + B -->|tcp_456| C[Server1] + B -->|tcp_456| D[Server2]
@@ -159,10 +168,16 @@ In this example mermaid.js is referenced in `src` as a separate JavaScript file,
- graph LR A --- B B-->C[fa:fa-ban forbidden] B-->D(fa:fa-spinner); + graph LR + A --- B + B-->C[fa:fa-ban forbidden] + B-->D(fa:fa-spinner);
- graph TD A[Client] --> B[Load Balancer] B --> C[Server1] B --> D[Server2] + graph TD + A[Client] --> B[Load Balancer] + B --> C[Server1] + B --> D[Server2]