Test Block: Difference between revisions

Revision as of 19:47, 11 December 2025

Test 1 - BlockDiag s groups a span:

Test 2 - BlockDiag landscape:

Test 3 - nwdiag (Network diagram):

Test 4 - actdiag (Activity/flow):

@@ Line 1: / Line 1: @@
+Test 1 - BlockDiag s groups a span:
 <kroki lang="blockdiag">
 blockdiag {
-     orientation = portrait;
+     node_width = 180;
-     node_width = 200;
+     node_height = 50;
-     node_height = 60;
+     span_width = 60;
-     default_fontsize = 14;
+    span_height = 40;
+     default_fontsize = 13;
-     Network [label = "Network\nSIP / RTP / WebRTC", shape = cloud, color = "#ffffff", style = dashed, linecolor = "#00719A"];
+     Network [label = "Network\nSIP/RTP/WebRTC", shape = cloud, color = "#ffffff", linecolor = "#00719A"];
-     Sensor [label = "Sensor\nPacket Capture & Analysis", color = "#ffffff", linecolor = "#00A7E3"];
+     Sensor [label = "Sensor\nCapture & Analysis", color = "#ffffff", linecolor = "#00A7E3"];
      MySQL [label = "MySQL/MariaDB\nCDR Storage", color = "#ffffff", linecolor = "#f78d1d"];
      PCAP [label = "PCAP\nRecordings", color = "#ffffff", linecolor = "#f78d1d"];
      GUI [label = "Web GUI\nAnalysis & Reports", color = "#ffffff", linecolor = "#00A7E3"];
-     Network -> Sensor [label = "capture"];
+     Network -> Sensor -> MySQL;
-     Sensor -> MySQL [label = "CDR"];
+                Sensor -> PCAP;
-     Sensor -> PCAP [label = "packets"];
+    GUI -> MySQL;
-     GUI -> MySQL [label = "query"];
+    GUI -> PCAP;
-     GUI -> PCAP [label = "playback"];
+    group {
+        orientation = portrait;
+        MySQL; PCAP;
+    }
+}
+</kroki>
+Test 2 - BlockDiag landscape:
+<kroki lang="blockdiag">
+blockdiag {
+    orientation = landscape;
+    node_width = 160;
+    node_height = 50;
+    default_fontsize = 12;
+    Network [label = "Network\nSIP/RTP", shape = cloud, color = "#ffffff", linecolor = "#00719A"];
+     Sensor [label = "Sensor", color = "#ffffff", linecolor = "#00A7E3"];
+    MySQL [label = "MySQL\nCDR", color = "#ffffff", linecolor = "#f78d1d"];
+    PCAP [label = "PCAP", color = "#ffffff", linecolor = "#f78d1d"];
+    GUI [label = "Web GUI", color = "#ffffff", linecolor = "#00A7E3"];
+    Network -> Sensor;
+    Sensor -> MySQL;
+     Sensor -> PCAP;
+    GUI -> MySQL;
+    GUI -> PCAP;
+}
+</kroki>
+Test 3 - nwdiag (Network diagram):
+<kroki lang="nwdiag">
+nwdiag {
+    network internet {
+        address = "SIP/RTP/WebRTC"
+        color = "#e0f4fc";
+        sensor [label = "Sensor\nCapture & Analysis", color = "#ffffff"];
+     }
+    network storage {
+        address = "Storage Layer"
+        color = "#fef3e2";
+        sensor;
+        mysql [label = "MySQL/MariaDB\nCDR Data", color = "#ffffff"];
+        pcap [label = "PCAP\nRecordings", color = "#ffffff"];
+     }
+    network gui {
+        address = "Presentation"
+        color = "#e0f4fc";
+        mysql;
+        pcap;
+        webgui [label = "Web GUI\nAnalysis", color = "#ffffff"];
+    }
+}
+</kroki>
+Test 4 - actdiag (Activity/flow):
+<kroki lang="actdiag">
+actdiag {
+    capture -> analyze -> store_cdr -> display
+    analyze -> store_pcap -> playback
+    lane "Network" {
+        capture [label = "Capture\nSIP/RTP"]
+    }
+    lane "Sensor" {
+        analyze [label = "Analyze\nQuality"]
+    }
+    lane "Storage" {
+        store_cdr [label = "MySQL\nCDR"]
+        store_pcap [label = "PCAP\nFiles"]
+    }
+    lane "GUI" {
+        display [label = "Reports"]
+        playback [label = "Playback"]
+    }
 }
 </kroki>