NW構成図を更新しました

This commit is contained in:
Yuto Yamazaki
2025-09-25 12:07:12 +09:00
parent b64fb2915f
commit bba6d95dec
5 changed files with 573 additions and 1499 deletions

View File

@@ -1,525 +0,0 @@
<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" style="background: transparent; background-color: transparent;" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="721px" height="547px" viewBox="-0.5 -0.5 721 547" content="&lt;mxfile&gt;&lt;diagram id=&quot;Ji07cW5DuHMU8oRfzW7Z&quot; name=&quot;NW diagram 10G&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;">
<defs/>
<g>
<g>
<rect x="280" y="290" width="440" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 438px; height: 1px; padding-top: 310px; margin-left: 281px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
x510 28GTX
<br/>
(192.168.0.50)
</div>
</div>
</div>
</foreignObject>
<text x="500" y="314" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
x510 28GTX...
</text>
</switch>
</g>
</g>
<g>
<path d="M 500 130 L 500 163.63" fill="none" stroke="#ff6666" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 102, 102), rgb(224, 93, 93));"/>
<path d="M 500 168.88 L 496.5 161.88 L 500 163.63 L 503.5 161.88 Z" fill="#ff6666" stroke="#ff6666" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 102, 102), rgb(224, 93, 93)); stroke: light-dark(rgb(255, 102, 102), rgb(224, 93, 93));"/>
</g>
<g>
<rect x="440" y="90" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 110px; margin-left: 441px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
ONU
</div>
</div>
</div>
</foreignObject>
<text x="500" y="114" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
ONU
</text>
</switch>
</g>
</g>
<g>
<path d="M 500 210 L 500 283.63" fill="none" stroke="#ff6666" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 102, 102), rgb(224, 93, 93));"/>
<path d="M 500 288.88 L 496.5 281.88 L 500 283.63 L 503.5 281.88 Z" fill="#ff6666" stroke="#ff6666" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 102, 102), rgb(224, 93, 93)); stroke: light-dark(rgb(255, 102, 102), rgb(224, 93, 93));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 252px; margin-left: 500px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
VALN 1,10
</div>
</div>
</div>
</foreignObject>
<text x="500" y="255" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">
VALN 1,10
</text>
</switch>
</g>
</g>
<g>
<rect x="400" y="170" width="200" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 190px; margin-left: 401px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
OpenWrt (VM100)
<br/>
(192.168.0.1, 192.168.10.1)
</div>
</div>
</div>
</foreignObject>
<text x="500" y="194" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
OpenWrt (VM100)...
</text>
</switch>
</g>
</g>
<g>
<path d="M 500 50 L 500 83.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 500 88.88 L 496.5 81.88 L 500 83.63 L 503.5 81.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 533.45 50 C 540.2 49.15 545.01 42.69 544.2 35.57 C 543.39 28.45 537.26 23.38 530.52 24.23 C 530.44 13.6 523.38 4.46 513.52 2.23 C 503.67 0 493.67 5.29 489.48 14.96 C 486.36 11.2 481.42 9.79 476.94 11.36 C 472.46 12.94 469.31 17.2 468.95 22.17 C 461.67 21.89 455.54 27.89 455.27 35.57 C 455 43.25 460.69 49.72 467.98 50 Z" fill="#cccccc" stroke="#6881b3" stroke-width="1.95" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(204, 204, 204), rgb(62, 62, 62)); stroke: light-dark(rgb(104, 129, 179), rgb(107, 129, 172));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 25px; margin-left: 500px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #121212); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
NCT光
</div>
</div>
</div>
</foreignObject>
<text x="500" y="29" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
NCT光
</text>
</switch>
</g>
</g>
<g>
<path d="M 500 330 L 500 337.5 Q 500 345 490 345 L 390 345 Q 380 345 380 355 L 380 378.63" fill="none" stroke="#ff6666" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 102, 102), rgb(224, 93, 93));"/>
<path d="M 380 383.88 L 376.5 376.88 L 380 378.63 L 383.5 376.88 Z" fill="#ff6666" stroke="#ff6666" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 102, 102), rgb(224, 93, 93)); stroke: light-dark(rgb(255, 102, 102), rgb(224, 93, 93));"/>
</g>
<g>
<path d="M 310 330 L 310 395 Q 310 405 300 405 L 286.37 405" fill="none" stroke="#ffcc99" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 204, 153), rgb(94, 50, 6));"/>
<path d="M 281.12 405 L 288.12 401.5 L 286.37 405 L 288.12 408.5 Z" fill="#ffcc99" stroke="#ffcc99" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 204, 153), rgb(94, 50, 6)); stroke: light-dark(rgb(255, 204, 153), rgb(94, 50, 6));"/>
</g>
<g>
<path d="M 310 330 L 310 515 Q 310 525 300 525 L 286.37 525" fill="none" stroke="#ffcc99" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 204, 153), rgb(94, 50, 6));"/>
<path d="M 281.12 525 L 288.12 521.5 L 286.37 525 L 288.12 528.5 Z" fill="#ffcc99" stroke="#ffcc99" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 204, 153), rgb(94, 50, 6)); stroke: light-dark(rgb(255, 204, 153), rgb(94, 50, 6));"/>
</g>
<g>
<path d="M 310 330 L 310 355 Q 310 365 300 365 L 160 365 Q 150 365 150 375 L 150 395 Q 150 405 140 405 L 126.37 405" fill="none" stroke="#ffcc99" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 204, 153), rgb(94, 50, 6));"/>
<path d="M 121.12 405 L 128.12 401.5 L 126.37 405 L 128.12 408.5 Z" fill="#ffcc99" stroke="#ffcc99" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 204, 153), rgb(94, 50, 6)); stroke: light-dark(rgb(255, 204, 153), rgb(94, 50, 6));"/>
</g>
<g>
<path d="M 310 330 L 310 355 Q 310 365 300 365 L 160 365 Q 150 365 150 375 L 150 455 Q 150 465 140 465 L 126.37 465" fill="none" stroke="#ffcc99" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 204, 153), rgb(94, 50, 6));"/>
<path d="M 121.12 465 L 128.12 461.5 L 126.37 465 L 128.12 468.5 Z" fill="#ffcc99" stroke="#ffcc99" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 204, 153), rgb(94, 50, 6)); stroke: light-dark(rgb(255, 204, 153), rgb(94, 50, 6));"/>
</g>
<g>
<rect x="280" y="290" width="160" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 310px; margin-left: 281px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
x510 28GTX (VLAN 1)
<br/>
(192.168.0.0/23)
</div>
</div>
</div>
</foreignObject>
<text x="360" y="314" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
x510 28GTX (VLAN 1)...
</text>
</switch>
</g>
</g>
<g>
<path d="M 640 330 L 640 395 Q 640 405 630 405 L 606.37 405" fill="none" stroke="#ffcc99" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 204, 153), rgb(94, 50, 6));"/>
<path d="M 601.12 405 L 608.12 401.5 L 606.37 405 L 608.12 408.5 Z" fill="#ffcc99" stroke="#ffcc99" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 204, 153), rgb(94, 50, 6)); stroke: light-dark(rgb(255, 204, 153), rgb(94, 50, 6));"/>
</g>
<g>
<path d="M 650 330 L 650 455 Q 650 465 640 465 L 606.37 465" fill="none" stroke="#ff6666" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 102, 102), rgb(224, 93, 93));"/>
<path d="M 601.12 465 L 608.12 461.5 L 606.37 465 L 608.12 468.5 Z" fill="#ff6666" stroke="#ff6666" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 102, 102), rgb(224, 93, 93)); stroke: light-dark(rgb(255, 102, 102), rgb(224, 93, 93));"/>
</g>
<g>
<rect x="560" y="290" width="160" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 310px; margin-left: 561px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
x510 28GTX (VLAN 10)
<br/>
(192.168.10.0/24)
</div>
</div>
</div>
</foreignObject>
<text x="640" y="314" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
x510 28GTX (VLAN 10)...
</text>
</switch>
</g>
</g>
<g>
<rect x="480" y="385" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 405px; margin-left: 481px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
WRC BE36QS
<br/>
(192.168.10.2)
</div>
</div>
</div>
</foreignObject>
<text x="540" y="409" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
WRC BE36QS...
</text>
</switch>
</g>
</g>
<g>
<rect x="480" y="445" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 465px; margin-left: 481px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
PC
<br/>
(192.168.10.200)
</div>
</div>
</div>
</foreignObject>
<text x="540" y="469" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
PC...
</text>
</switch>
</g>
</g>
<g>
<rect x="160" y="385" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(237, 237, 237));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 405px; margin-left: 161px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
Aterm
<br/>
(192.168.0.2)
</div>
</div>
</div>
</foreignObject>
<text x="220" y="409" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
Aterm...
</text>
</switch>
</g>
</g>
<g>
<rect x="160" y="445" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(237, 237, 237));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 465px; margin-left: 161px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
x64-01-PVE
<br/>
(192.168.0.101)
</div>
</div>
</div>
</foreignObject>
<text x="220" y="469" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
x64-01-PVE...
</text>
</switch>
</g>
</g>
<g>
<rect x="160" y="505" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(237, 237, 237));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 525px; margin-left: 161px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
x64-02-PVE
<br/>
(192.168.0.102)
</div>
</div>
</div>
</foreignObject>
<text x="220" y="529" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
x64-02-PVE...
</text>
</switch>
</g>
</g>
<g>
<rect x="0" y="385" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 405px; margin-left: 1px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
arm-01-PVE
<br/>
(192.168.0.201)
</div>
</div>
</div>
</foreignObject>
<text x="60" y="409" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
arm-01-PVE...
</text>
</switch>
</g>
</g>
<g>
<rect x="0" y="445" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 465px; margin-left: 1px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
arm-02-PVE
<br/>
(192.168.0.202)
</div>
</div>
</div>
</foreignObject>
<text x="60" y="469" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
arm-02-PVE...
</text>
</switch>
</g>
</g>
<g>
<rect x="600" y="170" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 190px; margin-left: 601px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
Gateway
<br/>
(192.168.0.100)
</div>
</div>
</div>
</foreignObject>
<text x="660" y="194" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
Gateway...
</text>
</switch>
</g>
</g>
<g>
<path d="M 50 105 L 170 105" fill="none" stroke="#ff6666" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 102, 102), rgb(224, 93, 93));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 105px; margin-left: 110px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
SFP+
</div>
</div>
</div>
</foreignObject>
<text x="110" y="109" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">
SFP+
</text>
</switch>
</g>
</g>
<g>
<path d="M 50 125 L 170 125" fill="none" stroke="#ffcc99" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 204, 153), rgb(94, 50, 6));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 124px; margin-left: 110px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
1G Cat6a
</div>
</div>
</div>
</foreignObject>
<text x="110" y="128" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">
1G Cat6a
</text>
</switch>
</g>
</g>
<g>
<rect x="320" y="385" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 405px; margin-left: 321px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
FNS 3262X
<br/>
(192.168.0.51)
</div>
</div>
</div>
</foreignObject>
<text x="380" y="409" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
FNS 3262X...
</text>
</switch>
</g>
</g>
<g>
<path d="M 50 145 L 170 145" fill="none" stroke="#99ff99" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(153, 255, 153), rgb(0, 68, 0));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 144px; margin-left: 110px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
10G Cat6a
</div>
</div>
</div>
</foreignObject>
<text x="110" y="148" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">
10G Cat6a
</text>
</switch>
</g>
</g>
<g>
<path d="M 350 435 L 350 455 Q 350 465 340 465 L 286.37 465" fill="none" stroke="#99ff99" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(153, 255, 153), rgb(0, 68, 0));"/>
<path d="M 281.12 465 L 288.12 461.5 L 286.37 465 L 288.12 468.5 Z" fill="#99ff99" stroke="#99ff99" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(153, 255, 153), rgb(0, 68, 0)); stroke: light-dark(rgb(153, 255, 153), rgb(0, 68, 0));"/>
</g>
<g>
<rect x="330" y="425" width="40" height="10" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 430px; margin-left: 331px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 7px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
VLAN 1
</div>
</div>
</div>
</foreignObject>
<text x="350" y="432" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="7px" text-anchor="middle">
VLAN 1
</text>
</switch>
</g>
</g>
<g>
<path d="M 410 435 L 410 455 Q 410 465 420 465 L 473.63 465" fill="none" stroke="#99ff99" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(153, 255, 153), rgb(0, 68, 0));"/>
<path d="M 478.88 465 L 471.88 468.5 L 473.63 465 L 471.88 461.5 Z" fill="#99ff99" stroke="#99ff99" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(153, 255, 153), rgb(0, 68, 0)); stroke: light-dark(rgb(153, 255, 153), rgb(0, 68, 0));"/>
</g>
<g>
<rect x="390" y="425" width="40" height="10" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 430px; margin-left: 391px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 7px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
VLAN10
</div>
</div>
</div>
</foreignObject>
<text x="410" y="432" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="7px" text-anchor="middle">
VLAN10
</text>
</switch>
</g>
</g>
</g>
<switch>
<g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
<a transform="translate(0,-5)" xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems" target="_blank">
<text text-anchor="middle" font-size="10px" x="50%" y="100%">
Text is not SVG - cannot display
</text>
</a>
</switch>
</svg>

Before

Width:  |  Height:  |  Size: 43 KiB

View File

@@ -0,0 +1,573 @@
<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" style="background: transparent; background-color: transparent;" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="602px" height="582px" viewBox="-0.5 -0.5 602 582" content="&lt;mxfile&gt;&lt;diagram id=&quot;CF8wGAP-8aNGmX6MfZT4&quot; name=&quot;ページ1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;">
<defs/>
<g>
<g>
<path d="M 240 61 L 240 94.63" fill="none" stroke="#ff69b4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 105, 180), rgb(212, 83, 148));"/>
<path d="M 240 99.88 L 236.5 92.88 L 240 94.63 L 243.5 92.88 Z" fill="#ff69b4" stroke="#ff69b4" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 105, 180), rgb(212, 83, 148)); stroke: light-dark(rgb(255, 105, 180), rgb(212, 83, 148));"/>
</g>
<g>
<path d="M 280.88 61 C 289.13 59.98 295.01 52.22 294.02 43.68 C 293.03 35.15 285.54 29.05 277.3 30.08 C 277.21 17.32 268.57 6.35 256.53 3.67 C 244.49 1 232.27 7.35 227.14 18.95 C 223.33 14.44 217.29 12.74 211.82 14.64 C 206.34 16.53 202.49 21.64 202.06 27.6 C 193.15 27.26 185.66 34.46 185.33 43.68 C 185 52.91 191.96 60.66 200.86 61 Z" fill="#cccccc" stroke="#6881b3" stroke-width="2.39" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(204, 204, 204), rgb(62, 62, 62)); stroke: light-dark(rgb(104, 129, 179), rgb(107, 129, 172));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 31px; margin-left: 240px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ededed); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
The Internet
<br/>
(en ひかり)
</div>
</div>
</div>
</foreignObject>
<text x="240" y="35" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
The Internet...
</text>
</switch>
</g>
</g>
<g>
<path d="M 240 141 L 240 174.63" fill="none" stroke="#ff8c00" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 140, 0), rgb(191, 92, 0));"/>
<path d="M 240 179.88 L 236.5 172.88 L 240 174.63 L 243.5 172.88 Z" fill="#ff8c00" stroke="#ff8c00" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 140, 0), rgb(191, 92, 0)); stroke: light-dark(rgb(255, 140, 0), rgb(191, 92, 0));"/>
</g>
<g>
<rect x="180" y="101" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 121px; margin-left: 181px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
GE ONU
</div>
</div>
</div>
</foreignObject>
<text x="240" y="125" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
GE ONU
</text>
</switch>
</g>
</g>
<g>
<path d="M 240 221 L 240 254.63" fill="none" stroke="#ff8000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 128, 0), rgb(206, 97, 0));"/>
<path d="M 240 259.88 L 236.5 252.88 L 240 254.63 L 243.5 252.88 Z" fill="#ff8000" stroke="#ff8000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 128, 0), rgb(206, 97, 0)); stroke: light-dark(rgb(255, 128, 0), rgb(206, 97, 0));"/>
</g>
<g>
<rect x="180" y="181" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 201px; margin-left: 181px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
sc-network-01
<br/>
(192.168.0.100)
</div>
</div>
</div>
</foreignObject>
<text x="240" y="205" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
sc-network-01...
</text>
</switch>
</g>
</g>
<g>
<path d="M 230 301 L 230 330.97 Q 230 340.97 240 340.97 L 473.63 341" fill="none" stroke="#228b22" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(34, 139, 34), rgb(79, 169, 79));"/>
<path d="M 478.88 341 L 471.88 344.5 L 473.63 341 L 471.88 337.5 Z" fill="#228b22" stroke="#228b22" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(34, 139, 34), rgb(79, 169, 79)); stroke: light-dark(rgb(34, 139, 34), rgb(79, 169, 79));"/>
</g>
<g>
<path d="M 230 301 L 230 330.97 Q 230 340.97 220 340.97 L 170 340.97 Q 160 340.97 160 350.97 L 160 430.97 Q 160 440.97 150 440.97 L 126.37 440.99" fill="none" stroke="#228b22" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(34, 139, 34), rgb(79, 169, 79));"/>
<path d="M 121.12 441 L 128.11 437.49 L 126.37 440.99 L 128.12 444.49 Z" fill="#228b22" stroke="#228b22" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(34, 139, 34), rgb(79, 169, 79)); stroke: light-dark(rgb(34, 139, 34), rgb(79, 169, 79));"/>
</g>
<g>
<path d="M 230 301 L 230 330.97 Q 230 340.97 220 340.97 L 170 340.97 Q 160 340.97 160 350.97 L 160 491.03 Q 160 501.03 150 501.03 L 126.37 501.01" fill="none" stroke="#228b22" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(34, 139, 34), rgb(79, 169, 79));"/>
<path d="M 121.12 501 L 128.12 497.51 L 126.37 501.01 L 128.11 504.51 Z" fill="#228b22" stroke="#228b22" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(34, 139, 34), rgb(79, 169, 79)); stroke: light-dark(rgb(34, 139, 34), rgb(79, 169, 79));"/>
</g>
<g>
<path d="M 230 301 L 230 330.97 Q 230 340.97 220 340.97 L 170 340.97 Q 160 340.97 160 350.97 L 160 551.03 Q 160 561.03 150 561.03 L 126.37 561.01" fill="none" stroke="#228b22" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(34, 139, 34), rgb(79, 169, 79));"/>
<path d="M 121.12 561 L 128.12 557.51 L 126.37 561.01 L 128.11 564.51 Z" fill="#228b22" stroke="#228b22" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(34, 139, 34), rgb(79, 169, 79)); stroke: light-dark(rgb(34, 139, 34), rgb(79, 169, 79));"/>
</g>
<g>
<path d="M 240 301 L 240 370.97 Q 240 380.97 246.82 380.98 L 253.63 380.99" fill="none" stroke="#ff8c00" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 140, 0), rgb(191, 92, 0));"/>
<path d="M 258.88 381 L 251.88 384.49 L 253.63 380.99 L 251.89 377.49 Z" fill="#ff8c00" stroke="#ff8c00" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 140, 0), rgb(191, 92, 0)); stroke: light-dark(rgb(255, 140, 0), rgb(191, 92, 0));"/>
</g>
<g>
<path d="M 240 301 L 240 450.97 Q 240 460.97 246.82 460.98 L 253.63 460.99" fill="none" stroke="#ff8c00" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 140, 0), rgb(191, 92, 0));"/>
<path d="M 258.88 461 L 251.88 464.49 L 253.63 460.99 L 251.89 457.49 Z" fill="#ff8c00" stroke="#ff8c00" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 140, 0), rgb(191, 92, 0)); stroke: light-dark(rgb(255, 140, 0), rgb(191, 92, 0));"/>
</g>
<g>
<path d="M 230 301 L 230 531.03 Q 230 541.03 240 541.02 L 253.63 541.01" fill="none" stroke="#228b22" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(34, 139, 34), rgb(79, 169, 79));"/>
<path d="M 258.88 541 L 251.89 544.51 L 253.63 541.01 L 251.88 537.51 Z" fill="#228b22" stroke="#228b22" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(34, 139, 34), rgb(79, 169, 79)); stroke: light-dark(rgb(34, 139, 34), rgb(79, 169, 79));"/>
</g>
<g>
<rect x="180" y="261" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 281px; margin-left: 181px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
AT-x28-GTX
<br/>
(192.168.0.200)
</div>
</div>
</div>
</foreignObject>
<text x="240" y="285" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
AT-x28-GTX...
</text>
</switch>
</g>
</g>
<g>
<path d="M 380 380.97 L 430 380.97 Q 440 380.97 440 390.97 L 440 400.97 Q 440 410.97 450 410.97 L 473.63 410.99" fill="none" stroke="#ff8c00" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 140, 0), rgb(191, 92, 0));"/>
<path d="M 478.88 411 L 471.88 414.49 L 473.63 410.99 L 471.89 407.49 Z" fill="#ff8c00" stroke="#ff8c00" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 140, 0), rgb(191, 92, 0)); stroke: light-dark(rgb(255, 140, 0), rgb(191, 92, 0));"/>
</g>
<g>
<path d="M 380 380.97 L 430 380.97 Q 440 380.97 440 390.97 L 440 460.97 Q 440 470.97 450 470.97 L 473.63 470.99" fill="none" stroke="#ff8c00" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 140, 0), rgb(191, 92, 0));"/>
<path d="M 478.88 471 L 471.88 474.49 L 473.63 470.99 L 471.89 467.49 Z" fill="#ff8c00" stroke="#ff8c00" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 140, 0), rgb(191, 92, 0)); stroke: light-dark(rgb(255, 140, 0), rgb(191, 92, 0));"/>
</g>
<g>
<path d="M 380 380.97 L 430 380.97 Q 440 380.97 440 390.97 L 440 521.03 Q 440 531.03 450 531.03 L 473.63 531.01" fill="none" stroke="#ff8c00" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 140, 0), rgb(191, 92, 0));"/>
<path d="M 478.88 531 L 471.89 534.51 L 473.63 531.01 L 471.88 527.51 Z" fill="#ff8c00" stroke="#ff8c00" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 140, 0), rgb(191, 92, 0)); stroke: light-dark(rgb(255, 140, 0), rgb(191, 92, 0));"/>
</g>
<g>
<path d="M 380 380.97 L 400 380.97 Q 410 380.97 410 390.97 L 410 541.03 Q 410 551.03 400 551.02 L 386.37 551.01" fill="none" stroke="#ff8c00" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 140, 0), rgb(191, 92, 0));"/>
<path d="M 381.12 551 L 388.12 547.51 L 386.37 551.01 L 388.11 554.51 Z" fill="#ff8c00" stroke="#ff8c00" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 140, 0), rgb(191, 92, 0)); stroke: light-dark(rgb(255, 140, 0), rgb(191, 92, 0));"/>
</g>
<g>
<rect x="260" y="361" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 381px; margin-left: 261px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
SKS 8310-01
<br/>
(192.168.0.211)
</div>
</div>
</div>
</foreignObject>
<text x="320" y="385" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
SKS 8310-01...
</text>
</switch>
</g>
</g>
<g>
<rect x="480" y="401" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 421px; margin-left: 481px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
x86-01-pve
<br/>
(192.168.1.101)
</div>
</div>
</div>
</foreignObject>
<text x="540" y="425" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
x86-01-pve...
</text>
</switch>
</g>
</g>
<g>
<rect x="480" y="461" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 481px; margin-left: 481px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
x86-02-pve
<br/>
(192.168.1.102)
</div>
</div>
</div>
</foreignObject>
<text x="540" y="485" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
x86-02-pve...
</text>
</switch>
</g>
</g>
<g>
<rect x="480" y="521" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 541px; margin-left: 481px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
x86-03-pve
<br/>
(192.168.1.103
</div>
</div>
</div>
</foreignObject>
<text x="540" y="545" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
x86-03-pve...
</text>
</switch>
</g>
</g>
<g>
<rect x="480" y="321" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 341px; margin-left: 481px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
ai-01-pve
<br/>
(192.168.1.151)
</div>
</div>
</div>
</foreignObject>
<text x="540" y="345" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
ai-01-pve...
</text>
</switch>
</g>
</g>
<g>
<rect x="0" y="481" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 501px; margin-left: 1px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
opi5-01-pve
<br/>
(192.168.1.202)
</div>
</div>
</div>
</foreignObject>
<text x="60" y="505" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
opi5-01-pve...
</text>
</switch>
</g>
</g>
<g>
<rect x="0" y="421" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 441px; margin-left: 1px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
rpi4-01-pve
<br/>
(192.168.1.201)
</div>
</div>
</div>
</foreignObject>
<text x="60" y="445" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
rpi4-01-pve...
</text>
</switch>
</g>
</g>
<g>
<rect x="0" y="541" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 561px; margin-left: 1px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
opi5-02-pve
<br/>
(192.168.1.203)
</div>
</div>
</div>
</foreignObject>
<text x="60" y="565" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
opi5-02-pve...
</text>
</switch>
</g>
</g>
<g>
<path d="M 380 460.97 L 420 460.97 Q 430 460.97 430 470.97 L 430 541.03 Q 430 551.03 440 551.03 L 473.63 551" fill="none" stroke="#ff4500" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 69, 0), rgb(255, 118, 59));"/>
<path d="M 478.88 551 L 471.88 554.51 L 473.63 551 L 471.88 547.51 Z" fill="#ff4500" stroke="#ff4500" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 69, 0), rgb(255, 118, 59)); stroke: light-dark(rgb(255, 69, 0), rgb(255, 118, 59));"/>
</g>
<g>
<path d="M 380 460.97 L 420 460.97 Q 430 460.97 430 470.97 L 430 481.03 Q 430 491.03 440 491.03 L 473.63 491" fill="none" stroke="#ff4500" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 69, 0), rgb(255, 118, 59));"/>
<path d="M 478.88 491 L 471.88 494.51 L 473.63 491 L 471.88 487.51 Z" fill="#ff4500" stroke="#ff4500" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 69, 0), rgb(255, 118, 59)); stroke: light-dark(rgb(255, 69, 0), rgb(255, 118, 59));"/>
</g>
<g>
<path d="M 380 460.97 L 420 460.97 Q 430 460.97 430 450.97 L 430 440.97 Q 430 430.97 440 430.97 L 473.63 431" fill="none" stroke="#ff4500" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 69, 0), rgb(255, 118, 59));"/>
<path d="M 478.88 431 L 471.88 434.49 L 473.63 431 L 471.88 427.49 Z" fill="#ff4500" stroke="#ff4500" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 69, 0), rgb(255, 118, 59)); stroke: light-dark(rgb(255, 69, 0), rgb(255, 118, 59));"/>
</g>
<g>
<path d="M 380 460.97 L 390 460.97 Q 400 460.97 400 470.97 L 400 521.03 Q 400 531.03 393.18 531.02 L 386.37 531.01" fill="none" stroke="#ff4500" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 69, 0), rgb(255, 118, 59));"/>
<path d="M 381.12 531 L 388.12 527.51 L 386.37 531.01 L 388.11 534.51 Z" fill="#ff4500" stroke="#ff4500" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 69, 0), rgb(255, 118, 59)); stroke: light-dark(rgb(255, 69, 0), rgb(255, 118, 59));"/>
</g>
<g>
<rect x="260" y="441" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 461px; margin-left: 261px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
SKS 8310-02
<br/>
(192.168.0.212)
</div>
</div>
</div>
</foreignObject>
<text x="320" y="465" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
SKS 8310-02...
</text>
</switch>
</g>
</g>
<g>
<rect x="260" y="521" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 541px; margin-left: 261px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
sc-storage-01
<br/>
(192.168.1.91)
</div>
</div>
</div>
</foreignObject>
<text x="320" y="545" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
sc-storage-01...
</text>
</switch>
</g>
</g>
<g>
<path d="M 380 61 L 540 61" fill="none" stroke="#ff69b4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 105, 180), rgb(212, 83, 148));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 61px; margin-left: 402px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
光ファイバー (SC/ONU)
</div>
</div>
</div>
</foreignObject>
<text x="402" y="64" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px">
光ファイバー (SC/ONU)
</text>
</switch>
</g>
</g>
<g>
<path d="M 380 71 L 540 71" fill="none" stroke="#800080" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(128, 0, 128), rgb(255, 174, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 71px; margin-left: 402px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
光ファイバー (LC/LAN)
</div>
</div>
</div>
</foreignObject>
<text x="402" y="74" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px">
光ファイバー (LC/LAN)
</text>
</switch>
</g>
</g>
<g>
<path d="M 380 81 L 540 81" fill="none" stroke="#ff8c00" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 140, 0), rgb(191, 92, 0));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 81px; margin-left: 402px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
10Gb SFP+ DAC (primary)
</div>
</div>
</div>
</foreignObject>
<text x="402" y="84" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px">
10Gb SFP+ DAC (primary)
</text>
</switch>
</g>
</g>
<g>
<path d="M 380 101 L 540 101" fill="none" stroke="#0000ff" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 255), rgb(205, 205, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 101px; margin-left: 402px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
10Gb Cat6a
</div>
</div>
</div>
</foreignObject>
<text x="402" y="104" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px">
10Gb Cat6a
</text>
</switch>
</g>
</g>
<g>
<path d="M 380 111 L 540 111" fill="none" stroke="#1e90ff" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(30, 144, 255), rgb(43, 141, 236));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 111px; margin-left: 402px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
10Gb Cat6a PoE
</div>
</div>
</div>
</foreignObject>
<text x="402" y="114" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px">
10Gb Cat6a PoE
</text>
</switch>
</g>
</g>
<g>
<path d="M 380 121 L 540 121" fill="none" stroke="#228b22" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(34, 139, 34), rgb(79, 169, 79));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 121px; margin-left: 402px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
1Gb Cat6a
</div>
</div>
</div>
</foreignObject>
<text x="402" y="124" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px">
1Gb Cat6a
</text>
</switch>
</g>
</g>
<g>
<path d="M 380 131 L 540 131" fill="none" stroke="#32cd32" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(50, 205, 50), rgb(4, 137, 4));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 131px; margin-left: 402px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
1Gb Cat6a PoE
</div>
</div>
</div>
</foreignObject>
<text x="402" y="134" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px">
1Gb Cat6a PoE
</text>
</switch>
</g>
</g>
<g>
<path d="M 380 91 L 540 91" fill="none" stroke="#ff4500" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 69, 0), rgb(255, 118, 59));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 91px; margin-left: 402px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
10Gb SFP+ DAC (secondary)
</div>
</div>
</div>
</foreignObject>
<text x="402" y="94" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px">
10Gb SFP+ DAC (secondary)
</text>
</switch>
</g>
</g>
</g>
<switch>
<g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
<a transform="translate(0,-5)" xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems" target="_blank">
<text text-anchor="middle" font-size="10px" x="50%" y="100%">
Text is not SVG - cannot display
</text>
</a>
</switch>
</svg>

After

Width:  |  Height:  |  Size: 48 KiB

View File

@@ -1,262 +0,0 @@
<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" style="background: transparent; background-color: transparent;" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="362px" height="542px" viewBox="-0.5 -0.5 362 542" content="&lt;mxfile&gt;&lt;diagram id=&quot;cVk01sGGlPbd241FdKL6&quot; name=&quot;NW 構成図 (2025/7/22 更新)&quot;&gt;zVlRc6I6FP41zLQPOkCA0ke1rN2Zu13v1d12H1OJkNlAuCFW7a/fBBIBQdfd2qrjjMnJSXL48p0vCRpglKzHDGbxFxoiYthmuDbAnWHbFvBM8SMtm9Jy47mlIWI4VE6VYYpfkTKqftEShyhvOHJKCcdZ0zinaYrmvGGDjNFV021BSXPWDEaoZZjOIWlbH3HIY2X1TLNquEc4itXUt7ohgdpZGfIYhnRVM4HAACNGKS9LyXqEiARP41L2+7SndRsYQyk/qoPqkfONfjgUimdV1ZSm4mcY84SImiWKYly2eRIVs+/q6g9Z1ZW7daO2UbV2YHpmumRzNbVdmmQENR8V+RjRBIkhhQNDBHL80lwNqBY12vptu04oFrPapiKgq5dD0W/LRz0EhyxCXPWq0BOFWhiVqcC0G1/1RC+QLFW046D39eFbC3VGl2mIQoXWKsYcTTNYALMSSdRchL1gviDG0fogdqrVcZoY2L6qr2qE1iyNa1x2zP1wN4A6gIp/SaQDSkCKNVd6dGoeHgsMaNFlFiNh+JxyxFLEW7jVQKJLTnCKRlvNkwgsMCEjSigr3MGo+Ah7zhn9iWotnu9bQyBaIgZDLPDSbWo1tPkOMzE6pmnRxCRV1GBaCW1piWEmI0zWkdwB+iL0FWU/8/6c0GUo46LVDGL2RfF5H2Z7RxJ7VwT+Zv1uW+v3ZTDpBZdE95s23d9bdrULXSxy9FZFvWlBbATA8MX3tijYhqBxaRmIJtfwXdlke0Q87TDEL6IYyeJVRiCB17pFzFtrvDh9to6l8Sn02QLnZmydntaZjgWOuQNlmUanOBaE6/EqCWN7+pqSB0T9ezt+6AHz3KjXdUKj3hAKcK6NsRMw5/DhVe5ONKIpJEFlPSt+3U9hvgu9B4zBTc0hk7TNj2e/u3tz2PEHzkF/USgj+NsU0fjVhH4w661dy+zZ/nj2dHEKva1/hEJ3C4jXAqWL7VaD633b/Q3d0Rrzp1r5R5UxolZ1kpU/u+4dmyLAuSjdAe0zyGQyoUHHIWMWC1pG8ZGHDPl8/8BnRJpkhQRH8rw9R/IaIAySpHgOyUA1JDgMC3FjKMev8LkYTy6DSnoxuDs03LvOhTlIpVY6bF+qqFmM+nuLrjQx+6bnqH3jjRs0aOZbs/tJDpcd9/WBgDwRpsexSGbzfuJcnPCAjzwadlxRH/8TvcxhALx/pxcHjvuR4HSn0u3BU8qhY11TqI/Vaauh0zcnEOqDovy+R/W3Qe+0yKqVOM9g2lgU7/+lfOk6nJdvJQYyyOj5SrBCslv/XBeQaV8t5KOZLQ/v5tcMpY+M19S+nEbLfWl+ZruWkwZzBVnSM63e5HtwvTeSM2epve+qdbYs1QPX9/TR+XHyP07NRLX636HcO6t/b0DwCw==&lt;/diagram&gt;&lt;diagram name=&quot;NW 構成図 (2025/7/26 更新)&quot; id=&quot;qQj1tVCmZuqBlPSG9ghy&quot;&gt;5Vttc6I6FP41zux+wAEiCB8t1e7O7bbe2rtt75dOKqlwi8SJ+La//iYS5CUp1VYR287ODjkJkDznOTkvwQZwxssLAifeL+yioKGr7rIBzhu63tZN+j8TrGKBpmutWDIivstlqWDg/0FcqHLpzHfRNDcwwjiI/EleOMRhiIZRTgYJwYv8sGcc5N86gSMkCAZDGIjSO9+NPC41VTXt+IH8kcdfbScdY5gM5oKpB128yIhAtwEcgnEUX42XDgoYeAkujxfOtXY1MQN1cWPB0HNWf1lK/LDeLrdslkBQGL370TO7+3Q9XS7/exne/LpBsPt4969itPnaolUCGHIpfryJSeThEQ5h0E2lZ140DminRi/phMjqnjbUppE0H1gzaZwvc60Vb8VvZa8qaOmNJfJxUzwjQ1QyDnCmQTJCUdn6zY0iqQUgPEZ0lvRGggIY+fP87CCn4mgzLoWbXnDEd1Asn+UcBjP+pouucn31j6ATgmehi1wO3sLzIzSYwDUCC2q2eZ3sBuUckQgtM+sUweC9rRY3BL4V6BZvLzJ2lRiLlzGp5L6949cqJW+Iwz2xFYVuh21FtDkM4HTqD2Nhzw/eB/qb/DVE/krHtaWGdCw+GwKfbz1EBT/DCJGQLqSoroxu8CwK/BA5GzfAgH+mADs4wGQ9HDjrPyqfRgS/oEyPaVnaGaA9IwJdn+og6eMkSMTnPqFP93G47iKMtvxhiXPQmcSDEzbD8XLEnGKTTn2Bycu0OQzwzGXzwukb6Nuf138Vmp65peWZh7I8U9D0pzXF9pamCPZtivzWPvbpOtIh+Pl5yk0pq8HNG96v1Lao1C5oWPSfvb7QG9TEYkmHdhkNy2BduhlQXM5cf04vR+zy2ySAAfye9NDJZDpPw7lp25rYPpybAiJn/vADXZ3/uZwF94Ph5WDEo7msNjq3ytLQVEW3Lm7vJbBrtt7UTKupNnVA7+6x6Z6OBoCW1wCwRQ0A60CbnFQDuqCB35edKyrRNsA+kSL4mtpcYy/GJrVA2TDzKLfUY/NcDII5yvrrIHOMQT0xBnrdMNZEKvf7fdytj9NGSz/KPJm2HjI96XNZI59EvsfRlxEx6+jlYGoH9vQJjawCjYobXbwifteHwgHpOsVw4Fenr5Rz5mAFgwNRSEgkbLvXs+39k0vfklzmltziHFGor+dZ1wfZZhY3rS3ZRrUCV5lhEzZgmh1xoBBWCp8tcLaeLkIvBDuGJrqIjTuoJNgRM7q7G0c56wLz70FptKPVE+FioGPox3bCloDw9QSFd4RZxjfnVlfV72URT01xLgY7x8c58c8ZoFHkUWHviTzOAxjWdE8AhRTUkISNsvxHPxiQLRmQLPKej5+IeiIoShL5alEUq6KQjBVVU/q/u6LBrxEGHZZlpqYvyTfXlC6OE/cIilqUBx4G/oiVP4eIVWWpgGHrD2HQ4R1j33XXYZtMg3kdszooP/LTdo/Id3CXW2wydqV7jOguv1Z1xmyJGqi2OqOJ+cnnK8+YxtG9qRi2fLb6zPFB1sWN+wSPT0qDiLfLKpxo1Z9lylUiRolHU0llVQpzW10d7dxZriuxhtx3mCMo9QO6WtMQtlVwAu0qz6Kkn8noYkp11zlTfmptQ+0P9oGigM62wL4eM6p5FK0qP1eRoyhGLNlMQI2Tq5IKwF74enika8BXMWgpIl2yN0gTqVoibVVZbJEi3TJK3eT25wFazmemLvTwHxBK1wVs0RWWGPVHD39er6LLq/VG0eRA4ePP4lmSDT423lILVIln/N7ivZxL5lfnkvUVuGS1quDSvj5sPlku7eVQuu5cSr7WPyyXrK/DpZL8qu5cKp5g7zy+Ch+XYJ6JTCMyC1+oKC6r1THsbJlGDilT8mle+0BnKiU/2zhxFIEkId0TirSZ/i4ppm766y7Q/R8=&lt;/diagram&gt;&lt;/mxfile&gt;">
<defs/>
<g>
<g>
<path d="M 300 261 L 300 294.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 300 299.88 L 296.5 292.88 L 300 294.63 L 303.5 292.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<rect x="240" y="221" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 241px; margin-left: 241px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
GE-ONU
</div>
</div>
</div>
</foreignObject>
<text x="300" y="245" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
GE-ONU
</text>
</switch>
</g>
</g>
<g>
<path d="M 300 61 L 300 94.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 300 99.88 L 296.5 92.88 L 300 94.63 L 303.5 92.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 344.6 61 C 353.59 59.98 360.01 52.22 358.93 43.68 C 357.85 35.15 349.69 29.05 340.69 30.08 C 340.59 17.32 331.17 6.35 318.03 3.67 C 304.89 1 291.56 7.35 285.97 18.95 C 281.82 14.44 275.23 12.74 269.25 14.64 C 263.28 16.53 259.08 21.64 258.61 27.6 C 248.89 27.26 240.72 34.46 240.36 43.68 C 240.01 52.91 247.59 60.66 257.3 61 Z" fill="#cccccc" stroke="#6881b3" stroke-width="2.47" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(204, 204, 204), rgb(62, 62, 62)); stroke: light-dark(rgb(104, 129, 179), rgb(107, 129, 172));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 31px; margin-left: 300px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #121212); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
The Internet
</div>
</div>
</div>
</foreignObject>
<text x="300" y="35" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
The Internet
</text>
</switch>
</g>
</g>
<g>
<path d="M 300 141 L 300 214.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 300 219.88 L 296.5 212.88 L 300 214.63 L 303.5 212.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 181px; margin-left: 300px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
MAP-E
</div>
</div>
</div>
</foreignObject>
<text x="300" y="184" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">
MAP-E
</text>
</switch>
</g>
</g>
<g>
<rect x="240" y="101" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 121px; margin-left: 241px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
ドコモ光
<div>
(plala)
</div>
</div>
</div>
</div>
</foreignObject>
<text x="300" y="125" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
ドコモ光
(plala)
</text>
</switch>
</g>
</g>
<g>
<path d="M 300 341 L 300 374.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 300 379.88 L 296.5 372.88 L 300 374.63 L 303.5 372.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 300 421 L 300 494.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 300 499.88 L 296.5 492.88 L 300 494.63 L 303.5 492.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 300 421 L 300 451 Q 300 461 290 461 L 150 461 Q 140 461 140 471 L 140 494.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 140 499.88 L 136.5 492.88 L 140 494.63 L 143.5 492.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<rect x="240" y="381" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 401px; margin-left: 241px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
AT-x510-28GTX
</div>
</div>
</div>
</foreignObject>
<text x="300" y="405" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
AT-x510-28GTX
</text>
</switch>
</g>
</g>
<g>
<path d="M 240 321 L 126.18 349.46" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 121.08 350.73 L 127.03 345.64 L 126.18 349.46 L 128.72 352.43 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 342px; margin-left: 179px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
PPPoE
<div>
Through
</div>
</div>
</div>
</div>
</foreignObject>
<text x="179" y="345" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">
PPPoE...
</text>
</switch>
</g>
</g>
<g>
<rect x="240" y="301" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 321px; margin-left: 241px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
Aterm WG1200HP4
</div>
</div>
</div>
</foreignObject>
<text x="300" y="325" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
Aterm WG1200HP4
</text>
</switch>
</g>
</g>
<g>
<rect x="240" y="501" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 521px; margin-left: 241px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
WRC BE36QS
</div>
</div>
</div>
</foreignObject>
<text x="300" y="525" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
WRC BE36QS
</text>
</switch>
</g>
</g>
<g>
<path d="M 120 371 L 233.82 399.46" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 238.92 400.73 L 231.28 402.43 L 233.82 399.46 L 232.97 395.64 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<rect x="0" y="341" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 361px; margin-left: 1px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<span style="color: light-dark(rgb(0, 0, 0), rgb(237, 237, 237));">
CT230 OpenWrt
</span>
<br/>
<span style="color: light-dark(rgb(0, 0, 0), rgb(237, 237, 237));">
(arm-01-PVE)
</span>
</div>
</div>
</div>
</foreignObject>
<text x="60" y="365" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
CT230 OpenWrt...
</text>
</switch>
</g>
</g>
<g>
<rect x="80" y="501" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 521px; margin-left: 81px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
PC
</div>
</div>
</div>
</foreignObject>
<text x="140" y="525" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
PC
</text>
</switch>
</g>
</g>
</g>
<switch>
<g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
<a transform="translate(0,-5)" xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems" target="_blank">
<text text-anchor="middle" font-size="10px" x="50%" y="100%">
Text is not SVG - cannot display
</text>
</a>
</switch>
</svg>

Before

Width:  |  Height:  |  Size: 24 KiB