concepts: data-pipeline: router: Add Mermaid chart

Signed-off-by: Alexa Kreizinger <[email protected]>

Author: alexakreizinger

concepts/data-pipeline/router.md

@@ -6,7 +6,19 @@ description: Create flexible routing rules
 
 Routing is a core feature that allows to **route** your data through Filters and finally to one or multiple destinations. The router relies on the concept of [Tags](../key-concepts.md) and [Matching](../key-concepts.md) rules
 
-![](<../../.gitbook/assets/logging\_pipeline\_routing (1) (1) (2) (2) (2) (2) (2) (2) (2) (1) (1).png>)
+```mermaid
+graph LR
+    accTitle: Fluent Bit data pipeline
+    accDescr: The Fluent Bit data pipeline includes input, a parser, a filter, a buffer, routing, and various outputs.
+    A[Input] --> B[Parser]
+    B --> C[Filter]
+    C --> D[Buffer]
+    D --> E((Routing))
+    E --> F[Output 1]
+    E --> G[Output 2]
+    E --> H[Output 3]
+    style E stroke:darkred,stroke-width:2px;
+```
 
 There are two important concepts in Routing:
 
@@ -77,7 +89,7 @@ The following example demonstrates how to route data from sources based on a reg
 
 [OUTPUT]
     Name         stdout
-    Match_regex  .*_sensor_[AB] 
+    Match_regex  .*_sensor_[AB]
 ```
 
 In this configuration, the **Match_regex** rule is set to `.*_sensor_[AB]`. This regular expression will match any Tag that ends with "_sensor_A" or "_sensor_B", regardless of what precedes it.