<svg width="800" height="600" viewBox="0 0 800 600"
xmlns="[Link] font-family="Arial, sans-serif" font-size="10">
<!-- Define Icons -->
<defs>
<g id="icon-pc" transform="scale(0.8)">
<rect x="2" y="2" width="26" height="18" rx="2" ry="2" fill="none"
stroke="#333" stroke-width="1.5"/>
<rect x="8" y="21" width="14" height="2" fill="#333"/>
<line x1="15" y1="20" x2="15" y2="21" stroke="#333" stroke-width="1.5"/>
</g>
<g id="icon-switch" transform="scale(0.8)">
<rect x="2" y="5" width="36" height="15" rx="2" ry="2" fill="none"
stroke="#333" stroke-width="1.5"/>
<path d="M 7 9 h 2 M 7 11 h 2 M 7 13 h 2 M 7 15 h 2 M 12 9 l 3 0 M 13.5 11 l
1.5 0 l -1.5 0 M 12 13 l 3 0 M 13.5 15 l 1.5 0" stroke="#333" stroke-width="1"/>
<path d="M 20 9 h 2 M 20 11 h 2 M 20 13 h 2 M 20 15 h 2 M 25 9 l 3 0 M 26.5
11 l 1.5 0 l -1.5 0 M 25 13 l 3 0 M 26.5 15 l 1.5 0" stroke="#333" stroke-
width="1"/>
<path d="M 32 9 h 2 M 32 11 h 2 M 32 13 h 2 M 32 15 h 2" stroke="#333"
stroke-width="1"/>
</g>
<g id="icon-cloud" transform="scale(0.8)">
<path d="M 25.5 8 C 24.3 4.6 21.2 2 17 2 C 12.6 2 9 5.6 9 10 C 9 10.2 9
10.3 9 10.5 C 8.8 10.4 8.5 10.3 8.2 10.3 C 6.4 10.3 5 11.7 5 13.5 C 5 15.3 6.4 16.7
8.2 16.7 L 25 16.7 C 27.8 16.7 30 14.5 30 11.7 C 30 9.1 28 7.2 25.5 8 Z"
fill="none" stroke="#333" stroke-width="1.5"/>
</g>
<g id="icon-phone" transform="scale(0.8)">
<path d="M 7.8 2 C 6.7 2 5.8 2.9 5.8 4 L 5.8 16 C 5.8 18.2 7.6 20 9.8 20 L
13.8 20 C 14.9 20 15.8 19.1 15.8 18 L 15.8 9 C 15.8 8.4 15.3 8 14.8 8 L 10.8 8 C
9.7 8 8.8 7.1 8.8 6 L 8.8 4 C 8.8 2.9 8.4 2 7.8 2 Z M 20.8 6 C 19.7 6 18.8 6.9 18.8
8 L 18.8 18 C 18.8 19.1 19.7 20 20.8 20 L 24.8 20 C 27 20 28.8 18.2 28.8 16 L 28.8
10 C 28.8 7.8 27 6 24.8 6 L 20.8 6 Z" fill="none" stroke="#333" stroke-
width="1.5"/>
</g>
<!-- Connection Line Styles -->
<style>
.line-data { stroke: #008000; stroke-width: 1.5; fill: none; }
.line-voice { stroke: #0000FF; stroke-width: 1.5; fill: none; }
.zone { fill: #f0f0f0; stroke: #cccccc; stroke-width: 1; }
.title { font-size: 14px; font-weight: bold; text-anchor: middle; }
.zone-title { font-size: 12px; font-weight: bold; text-anchor: middle; }
.label { font-size: 9px; text-anchor: middle; }
</style>
</defs>
<!-- Main Title: LABORATORIO -->
<text x="400" y="25" class="title">LABORATORIO</text>
<!-- Zone: Despacho 1 -->
<rect x="20" y="40" width="240" height="180" rx="5" ry="5" class="zone"/>
<text x="140" y="55" class="zone-title">Despacho 1</text>
<use href="#icon-switch" x="50" y="70" id="sw1a"/>
<use href="#icon-switch" x="150" y="70" id="sw1b"/>
<use href="#icon-pc" x="155" y="130" id="pc1_d1"/>
<text x="172" y="155" class="label">pc1</text>
<use href="#icon-phone" x="25" y="70" id="voz_d1_in"/>
<text x="38" y="100" class="label">Voz In</text>
<use href="#icon-cloud" x="155" y="170" id="datos_d1_in"/>
<text x="172" y="200" class="label">Datos In</text>
<!-- Connections D1 -->
<polyline points="42,82 50,82" class="line-voice"/> <!-- Voz to SW1a -->
<polyline points="172,170 172,155 167,155" class="line-data"/> <!-- Datos to SW1b
-->
<polyline points="167,142 167,95 167,87" class="line-data"/> <!-- PC1 to SW1b -->
<polyline points="75,82 100,82 100,300" class="line-voice"/> <!-- SW1a to D2
(placeholder) -->
<polyline points="175,82 200,82 200,300" class="line-data"/> <!-- SW1b to D2
(placeholder) -->
<!-- Zone: Despacho 2 -->
<rect x="280" y="40" width="240" height="180" rx="5" ry="5" class="zone"/>
<text x="400" y="55" class="zone-title">Despacho 2</text>
<use href="#icon-switch" x="380" y="70" id="sw2"/>
<use href="#icon-pc" x="320" y="130" id="pc1_d2"/>
<text x="337" y="155" class="label">pc1</text>
<use href="#icon-pc" x="440" y="130" id="pc2_d2"/>
<text x="457" y="155" class="label">pc2</text>
<!-- Connections D2 -->
<polyline points="260,82 280,82 380,82" class="line-voice"/> <!-- SW1a to SW2
(via edge) -->
<polyline points="260,95 280,95 380,95" class="line-data"/> <!-- SW1b to SW2 (via
edge) -->
<polyline points="397,95 397,125 345,125" class="line-data"/> <!-- SW2 to PC1_D2
-->
<polyline points="405,95 405,125 457,125" class="line-voice"/> <!-- SW2 to PC2_D2
-->
<polyline points="405,82 480,82 480,300" class="line-voice"/> <!-- SW2 to D3
(placeholder) -->
<polyline points="397,82 500,82 500,300" class="line-data"/> <!-- SW2 to D3
(placeholder) -->
<!-- Zone: Despacho 3 -->
<rect x="540" y="40" width="240" height="180" rx="5" ry="5" class="zone"/>
<text x="660" y="55" class="zone-title">Despacho 3</text>
<use href="#icon-switch" x="640" y="70" id="sw3"/>
<use href="#icon-pc" x="570" y="110" id="pc1_d3"/>
<text x="587" y="135" class="label">pc1</text>
<use href="#icon-pc" x="570" y="150" id="pc2_d3"/>
<text x="587" y="175" class="label">pc2</text>
<use href="#icon-pc" x="710" y="110" id="pc3_d3"/>
<text x="727" y="135" class="label">pc3</text>
<use href="#icon-pc" x="710" y="150" id="pc4_d3"/>
<text x="727" y="175" class="label">pc4</text>
<!-- Connections D3 -->
<polyline points="520,82 540,82 640,82" class="line-voice"/> <!-- SW2 to SW3
(via edge) -->
<polyline points="520,95 540,95 640,95" class="line-data"/> <!-- SW2 to SW3 (via
edge) -->
<polyline points="657,95 657,105 595,105" class="line-data"/> <!-- SW3 to PC1_D3
-->
<polyline points="657,100 657,145 595,145" class="line-data"/> <!-- SW3 to
PC2_D3 -->
<polyline points="665,95 665,105 727,105" class="line-voice"/> <!-- SW3 to
PC3_D3 -->
<polyline points="665,100 665,145 727,145" class="line-voice"/> <!-- SW3 to
PC4_D3 -->
<!-- Main Title: PARQUE MAQUINARIA -->
<text x="400" y="275" class="title">PARQUE MAQUINARIA</text>
<!-- Zone: Zona Izquierda -->
<rect x="20" y="290" width="300" height="280" rx="5" ry="5" class="zone"/>
<text x="170" y="305" class="zone-title">Zona Izquierda</text>
<!-- ZI Top Group -->
<use href="#icon-switch" x="150" y="350" id="sw_zi_top"/>
<use href="#icon-pc" x="80" y="345" id="pc5_zi"/>
<text x="97" y="370" class="label">pc5</text>
<use href="#icon-pc" x="155" y="400" id="pc4_zi"/>
<text x="172" y="425" class="label">pc4</text>
<use href="#icon-pc" x="220" y="345" id="pc6_zi"/>
<text x="237" y="370" class="label">pc6</text>
<use href="#icon-cloud" x="155" y="315" id="datos_zi_top_in"/>
<text x="172" y="310" class="label">Datos In</text>
<!-- Connections ZI Top -->
<polyline points="172,327 172,350" class="line-data"/> <!-- Datos to SW -->
<polyline points="167,362 167,395 172,395" class="line-data"/> <!-- SW to PC4 -->
<polyline points="162,358 105,358" class="line-data"/> <!-- SW to PC5 -->
<polyline points="175,358 237,358" class="line-data"/> <!-- SW to PC6 -->
<!-- ZI Bottom Group -->
<use href="#icon-switch" x="150" y="480" id="sw_zi_bot"/>
<use href="#icon-pc" x="80" y="475" id="pc1_zi"/>
<text x="97" y="500" class="label">pc1</text>
<use href="#icon-pc" x="155" y="530" id="pc2_zi"/>
<text x="172" y="555" class="label">pc2</text>
<use href="#icon-pc" x="220" y="475" id="pc3_zi"/>
<text x="237" y="500" class="label">pc3</text>
<use href="#icon-phone" x="155" y="565" id="voz_zi_in"/>
<text x="172" y="560" class="label">Voz In</text>
<use href="#icon-cloud" x="155" y="445" id="datos_zi_bot_in"/>
<text x="172" y="440" class="label">Datos In</text>
<!-- Connections ZI Bottom -->
<polyline points="172,457 172,480" class="line-data"/> <!-- Datos to SW -->
<polyline points="162,488 105,488" class="line-data"/> <!-- SW to PC1 -->
<polyline points="175,488 237,488" class="line-data"/> <!-- SW to PC3 -->
<polyline points="167,492 167,525 172,525" class="line-data"/> <!-- SW to PC2 --
>
<polyline points="172,577 172,550 180,550" class="line-voice"/> <!-- Voz to PC2
-->
<!-- Zone: Pasillo -->
<rect x="340" y="290" width="120" height="280" rx="5" ry="5" class="zone"/>
<text x="400" y="305" class="zone-title">Pasillo</text>
<!-- Arrow in Pasillo -->
<polyline points="395,450 400,440 405,450" fill="none" stroke="#333" stroke-
width="1.5"/>
<line x1="400" y1="440" x2="400" y2="500" stroke="#333" stroke-width="1.5"/>
<!-- Zone: Zona Derecha -->
<rect x="480" y="290" width="300" height="280" rx="5" ry="5" class="zone"/>
<text x="630" y="305" class="zone-title">Zona Derecha</text>
<use href="#icon-switch" x="610" y="380" id="sw_zd"/>
<use href="#icon-pc" x="540" y="375" id="pc4_zd"/>
<text x="557" y="400" class="label">pc4</text>
<use href="#icon-pc" x="540" y="415" id="pc3_zd"/>
<text x="557" y="440" class="label">pc3</text>
<use href="#icon-pc" x="615" y="440" id="pc2_zd"/>
<text x="632" y="465" class="label">pc2</text>
<use href="#icon-pc" x="680" y="375" id="pc5_zd"/>
<text x="697" y="400" class="label">pc5</text>
<use href="#icon-pc" x="615" y="520" id="pc1_zd"/>
<text x="632" y="545" class="label">pc1</text>
<use href="#icon-cloud" x="685" y="340" id="datos_zd_top_in"/>
<text x="702" y="335" class="label">Datos In</text>
<use href="#icon-cloud" x="615" y="555" id="datos_zd_bot_in"/>
<text x="632" y="580" class="label">Datos In</text>
<use href="#icon-phone" x="670" y="520" id="voz_zd_in"/>
<text x="687" y="545" class="label">Voz In</text>
<!-- Connections ZD -->
<polyline points="702,352 635,352 635,380" class="line-data"/> <!-- Datos Top to
SW -->
<polyline points="627,392 627,435 632,435" class="line-data"/> <!-- SW to PC2 --
>
<polyline points="622,388 565,388" class="line-data"/> <!-- SW to PC4 -->
<polyline points="622,398 565,398 565,415" class="line-data"/> <!-- SW to PC3 --
>
<polyline points="632,388 697,388" class="line-data"/> <!-- SW to PC5 -->
<polyline points="632,567 632,540" class="line-data"/> <!-- Datos Bottom to PC1
-->
<polyline points="687,532 640,532" class="line-voice"/> <!-- Voz to PC1 -->
<!-- Legend -->
<rect x="650" y="550" width="130" height="40" rx="3" ry="3" fill="#ffffff"
stroke="#aaaaaa"/>
<text x="655" y="563" font-size="9">Legenda:</text>
<line x1="660" y1="573" x2="680" y2="573" class="line-data"/>
<text x="685" y="576" font-size="9">Datos</text>
<line x1="660" y1="583" x2="680" y2="583" class="line-voice"/>
<text x="685" y="586" font-size="9">Voz</text>
</svg>