m4rshal/HomeNetwork
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: m4rshal:dcca8f3ceceb682129cb7b53537e2928c6990209
Branches Tags
m4rshal:main
..
compare: m4rshal:main
Branches Tags
m4rshal:main

15 Commits
dcca8f3cec ... main

Author SHA1 Message Date
Yuto Yamazaki
56f54c10a5 APを追加しました 
- IPを削除しました
 2025-09-26 20:40:45 +09:00
Yuto Yamazaki
2bcf34a996 画像を最新版に 2025-09-26 20:24:42 +09:00
Yuto Yamazaki
ca273dbbe2 微修正と画像の追加 2025-09-26 20:24:13 +09:00
Yuto Yamazaki
bba6d95dec NW構成図を更新しました 2025-09-25 12:07:12 +09:00
m4rshal
b64fb2915f Update NW diagram: Change device label from TL-SG1005P to AT-x510-28GTX and adjust SVG dimensions. Remove unnecessary elements for cleaner design. 2025-09-03 16:39:07 +09:00
m4rshal
105ae29054 Update NW diagram SVG files with new content and formatting 
- Modified the content of the NW diagram logic SVG to include "(arm-01-PVE)" below "CT230 OpenWrt".
- Updated the text in the NW diagram phys SVG to use a span for "(arm-01-PVE)" and adjusted the color styling.
- Changed the text representation of "CT230 OpenWrt" to "CT230 OpenWrt..." in both SVG files for consistency.
 2025-07-22 17:56:16 +09:00
m4rshal
f0e8b7bd28 Add NW diagram SVG file for network architecture representation 2025-07-22 17:54:33 +09:00
m4rshal
b4aabb4983 Update NW diagram 10G: Rename OpenWrt to OpenWrt (VM100) and adjust paths for clarity 2025-07-22 17:47:22 +09:00
m4rshal
669150a579 Implement feature X to enhance user experience and optimize performance 2025-07-22 17:46:42 +09:00
m4rshal
4d14478c35 Implement feature X to enhance user experience and optimize performance 2025-07-22 17:37:19 +09:00
m4rshal
d80c806e7d Implement feature X to enhance user experience and fix bug Y in module Z 2025-07-22 17:35:55 +09:00
m4rshal
949e17dcfb Add network diagram SVG for NW configuration update (2025/7/22) 2025-07-22 16:15:08 +09:00
m4rshal
d099b9cbfb Update README.md with revised IP address and port usage information 
- Changed device names and IP addresses for better clarity.
- Added new devices and updated subnet mask.
- Enhanced formatting with emojis for better readability.
- Updated port usage sections to reflect current configurations.
- Included additional notes for clarity on port mapping and container usage.
 2025-07-22 15:54:53 +09:00
m4rshal
6bef17c666 README.md を更新 2025-07-18 22:47:08 +00:00
m4rshal
10d95fc8e1 README.md を更新 2025-07-18 22:46:01 +00:00
6 changed files with 635 additions and 1206 deletions
Expand all files Collapse all files

BIN
NW-10G_diagram.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 49 KiB

1164
NW_diagram.drawio.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 93 KiB

BIN
NW_diagram.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 27 KiB

43
README.md
View File

@@ -2,52 +2,57 @@
---
## IPアドレス情報
## 📌 IPアドレス情報
| デバイス | ホスト名・用途 | IPアドレス |
|----------------------|------------------------|--------------------|
| ゲートウェイ | GW | 192.168.0.1 |
|---------------------|-----------------------|------------------|
| Aterm WG1200 HP4 | Priv GW | 192.168.0.1 |
| CT230 | OpenWrt (svc GW) | 192.168.0.2 |
| WRC-BE36QS | AP | 192.168.2.1 |
| Proxmox | arm-01-PVE | 192.168.0.10 |
| CT100 | pihole | 192.168.1.53 |
| CT101 | ubuntu-24.04 | 192.168.1.101 |
| CT110 | docker-host | 192.168.1.110 |
| CT210 | reverse-proxy | 192.168.1.210 |
| CT220 | tailescale | 192.168.1.220 |
| PC | | 192.168.10.200 |
| PC | DESKTOP-MLIP7CV | 192.168.10.200 |
- **サブネット**: `192.168.0.1/20` (`255.255.250.0`)
- **ゲートウェイ**: `192.168.0.1`
- **サブネット**：`192.168.0.0/20` (`255.255.240.0`)
- **ゲートウェイ**：`192.168.0.1`
---
## ポート使用状況
## 🌐 ポート使用状況
### 外部公開ポート
### 🔓 外部公開ポート
| 宛先IP | ホスト名・用途 | ポートマッピング | 用途 |
|----------------------|------------------------|--------------------|--------------|
|---------------|----------------------|------------------|-------|
| 192.168.1.210 | reverse-proxy(Caddy) | 80:80 | HTTP |
| 192.168.1.210 | reverse-proxy(Caddy) | 443:443 | HTTPS |
---
### 内部使用ポート
### 🔒 内部使用ポート
| 宛先IP | ホスト名・用途 | ポート | 用途・備考 |
|----------------------|----------------------------|------------------|--------------------|
|---------------|------------------------|----------------|---------------------|
| 192.168.0.1 | GW | 80 | HTTP |
| 192.168.0.2 | OpenWrt (svc GW) | 80 | HTTP 管理画面 |
| 192.168.2.1 | AP (WRC-BE36QS) | 80 | HTTP 管理画面 |
| 192.168.0.10 | arm-01-PVE (PVE) | 8006 | HTTPS |
| 192.168.0.10 | arm-01-PVE (PVE) | 10050 | Zabbix Agent |
| 192.168.1.53 | pihole (CT100) | 80 | HTTP (管理画面) |
| 192.168.1.53 | pihole (CT100) | 53 | DNS |
| 192.168.1.53 | pihole (CT100) | 80 | HTTP(管理画面) |
| 192.168.1.53 | pihole (CT100) | 443 | HTTPS(管理画面) |
| 192.168.1.110 | docker-host (CT110) | 3306:3306 | Zabbix-mariadb |
| 192.168.1.110 | docker-host (CT110) | 8080:8080 | Zabbix(HTTP) |
| 192.168.1.110 | docker-host (CT110) | 10051:10051 | Zabbix Server |
| 192.168.1.110 | docker-host (CT110) | 3000:3000 | grafana (HTTPS) |
| 192.168.1.110 | docker-host (CT110) | 10080:80 | heimdall (HTTP) |
| 192.168.1.110 | docker-host (CT110) | 10443:443 | heimdall (HTTPS) |
| 192.168.1.110 | docker-host (CT110) | 11080:80 | nextcloud (HTTP) |
| 192.168.1.110 | docker-host (CT110) | 11443:443 | nextcloud (HTTPS) |
| 192.168.1.110 | docker-host (CT110) | 3000:3000 | Grafana(HTTPS) |
| 192.168.1.110 | docker-host (CT110) | 10080:80 | Heimdall(HTTP) |
| 192.168.1.110 | docker-host (CT110) | 10443:443 | Heimdall(HTTPS) |
| 192.168.1.110 | docker-host (CT110) | 11080:80 | Nextcloud(HTTP) |
| 192.168.1.110 | docker-host (CT110) | 11443:443 | Nextcloud(HTTPS) |
| 192.168.1.110 | docker-host (CT110) | 9000:9000 | Portainer(HTTP) |
| 192.168.1.210 | reverse-proxy (Caddy) | 80 | HTTP proxy |
| 192.168.1.210 | reverse-proxy (Caddy) | 443 | HTTPS proxy |
@@ -55,6 +60,6 @@
---
> **備考**
> **💡 備考**
> - ポートマッピングは `ホスト側:コンテナ側` 形式で記載。
> - LXCコンテナ名と用途も併記。
> - LXCコンテナ名と用途を併記しています。

588
phys/NW diagram feature phys.drawio.svg Normal file
View File

@@ -0,0 +1,588 @@
<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="562px" viewBox="-0.5 -0.5 602 562" 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
</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 331 Q 230 341 240 341 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 331 Q 230 341 220 341 L 170 341 Q 160 341 160 351 L 160 411 Q 160 421 150 421 L 126.37 421" 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 421 L 128.12 417.5 L 126.37 421 L 128.12 424.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 331 Q 230 341 220 341 L 170 341 Q 160 341 160 351 L 160 471 Q 160 481 150 481 L 126.37 481" 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 481 L 128.12 477.5 L 126.37 481 L 128.12 484.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 331 Q 230 341 220 341 L 170 341 Q 160 341 160 351 L 160 531 Q 160 541 150 541 L 126.37 541" 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 541 L 128.12 537.5 L 126.37 541 L 128.12 544.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 240 301 L 240 371 Q 240 381 246.82 381 L 253.63 381" 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.5 L 253.63 381 L 251.88 377.5 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 451 Q 240 461 246.82 461 L 253.63 461" 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.5 L 253.63 461 L 251.88 457.5 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 250 301 L 250 321 Q 250 331 260 331 L 410 331 Q 420 331 420 341 L 420 531 Q 420 541 410 541 L 386.37 541" 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 381.12 541 L 388.12 537.5 L 386.37 541 L 388.12 544.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 250 301 L 250 321 Q 250 331 260 331 L 410 331 Q 420 331 420 341 L 420 411 Q 420 421 430 421 L 473.63 421" 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 421 L 471.88 424.5 L 473.63 421 L 471.88 417.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 250 301 L 250 321 Q 250 331 260 331 L 410 331 Q 420 331 420 341 L 420 471 Q 420 481 430 481 L 473.63 481" 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 481 L 471.88 484.5 L 473.63 481 L 471.88 477.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 250 301 L 250 321 Q 250 331 260 331 L 410 331 Q 420 331 420 341 L 420 531 Q 420 541 430 541 L 473.63 541" 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 541 L 471.88 544.5 L 473.63 541 L 471.88 537.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 180 281 L 126.37 281" fill="none" stroke="#399739" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(57, 151, 57), rgb(237, 237, 237));"/>
<path d="M 121.12 281 L 128.12 277.5 L 126.37 281 L 128.12 284.5 Z" fill="#399739" stroke="#399739" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(57, 151, 57), rgb(237, 237, 237)); stroke: light-dark(rgb(57, 151, 57), rgb(237, 237, 237));"/>
</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-x510-28GTX
</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-x510-28GTX
</text>
</switch>
</g>
</g>
<g>
<path d="M 380 381 L 430 381 Q 440 381 440 391 L 440 401 Q 440 411 450 411 L 473.63 411" 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.5 L 473.63 411 L 471.88 407.5 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 381 L 430 381 Q 440 381 440 391 L 440 461 Q 440 471 450 471 L 473.63 471" 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.5 L 473.63 471 L 471.88 467.5 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 381 L 430 381 Q 440 381 440 391 L 440 521 Q 440 531 450 531 L 473.63 531" 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.88 534.5 L 473.63 531 L 471.88 527.5 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 381 L 400 381 Q 410 381 410 391 L 410 541 Q 410 551 400 551 L 386.37 551" 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.5 L 386.37 551 L 388.12 554.5 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 (primary)
</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 (primary)
</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
</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
</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
</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
</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="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: 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
</div>
</div>
</div>
</foreignObject>
<text x="60" y="485" 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="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: 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
</div>
</div>
</div>
</foreignObject>
<text x="60" y="425" 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="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: 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
</div>
</div>
</div>
</foreignObject>
<text x="60" y="545" 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 461 L 420 461 Q 430 461 430 471 L 430 541 Q 430 551 440 551 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.5 L 473.63 551 L 471.88 547.5 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 461 L 420 461 Q 430 461 430 471 L 430 481 Q 430 491 440 491 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.5 L 473.63 491 L 471.88 487.5 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 461 L 420 461 Q 430 461 430 451 L 430 441 Q 430 431 440 431 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.5 L 473.63 431 L 471.88 427.5 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 461 L 390 461 Q 400 461 400 471 L 400 521 Q 400 531 393.18 531 L 386.37 531" 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.5 L 386.37 531 L 388.12 534.5 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/>
(secondary)
</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
</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>
<rect x="0" 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: 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; ">
WRC-BE36 (AP)
</div>
</div>
</div>
</foreignObject>
<text x="60" y="285" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
WRC-BE36 (AP)
</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>
Side by Side

After

Width:  |  Height:  |  Size: 51 KiB

BIN
phys/NW diagram feature phys.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 69 KiB