Mermaid
Mermaid example. Network Layout graph TD I[Internet] ==> WR([Wifi/Router]) WR ==> X[Switch] X ==> P1[pCP Player 1] P1 --- P1S[Touch Screen] X ==> D[pCP LMS] D --- |CD| H[(USB HDD)] X ==> PC1[PC W10] PC1 --- |CD2| PC1H[(USB HDD)] PC1 --- |CD1| PC2H[(USB HDD)] WR ===> |WiFi| PC2[Ripper W10] PC2 --- |CD1| PC2H[(USB HDD)] PC2 --- |CDnew| PC3H[(INT HDD)] WR ===> |WiFi| P2[pCP Player 2] P2 --> |USB| DAC[DAC] WR ===> |WiFi| P3[pCP Player 3] P3 --- |HDMI| TV[TV Screen] WR ===> |WiFi| P4[pCP Player 4] P4 --- |HDMI| TV[TV Screen] Mermaid markup<div class="mermaid"> graph TD I[Internet] ==> WR([Wifi/Router]) WR ==> X[Switch] X ==> P1[pCP Player 1] P1 --- P1S[Touch Screen] X ==> D[pCP LMS] D --- |CD| H[(USB HDD)] X ==> PC1[PC W10] PC1 --- |CD2| PC1H[(USB HDD)] PC1 --- |CD1| PC2H[(USB HDD)] WR ===> |WiFi| PC2[Ripper W10] PC2 --- |CD1| PC2H[(USB HDD)] PC2 --- |CDnew| PC3H[(INT HDD)] WR ===> |WiFi| P2[pCP Player 2] P2 --> |USB| DAC[DAC] WR ===> |WiFi| P3[pCP Player 3] P3 --- |HDMI| TV[TV Screen] WR ===> |WiFi| P4[pCP Player 4] P4 --- |HDMI| TV[TV Screen] </div> More information Mermaid