Last active
June 21, 2022 13:55
-
-
Save takai404/e67a37e83e89175a02194cb914a23414 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
diagram: | |
fill: "white" | |
gridLines: false | |
aspectRatio: "2:1" | |
gridPaddingInner: .35 | |
columns: 4 | |
rows: 3 | |
title: | |
type: bar | |
color: black | |
fill: lightgray | |
logoFill: white | |
stroke: gray | |
text: STP | |
subText: "" | |
version: 0.2 | |
author: takai404 | |
logoUrl: null | |
heightPercentage: 10 | |
# Set defaults for icons, connections | |
iconDefaults: &iconDefaults | |
color: black | |
fill: "none" | |
stroke: "none" | |
iconFamily: cisco | |
connectionDefaults: &connectionDefaults | |
color: "red" | |
stroke: "orange" | |
strokeWidth: 3 | |
noteID: ¬eID | |
fill: none | |
stroke: none | |
xAlign: center | |
yAlign: center | |
# STP port roles | |
rootPort: &rootPort | |
text: '<span style="color:blue; background-color:aqua; font-size:160%; font-family:monospace; font-weight:bold; padding:1px; border:solid thin">RT</span>' | |
color: blue | |
fill: none | |
stroke: none | |
designatedPort: &designatedPort | |
text: '<span style="color:green; background-color:lightgreen; font-size:160%; font-family:monospace; font-weight:bold; padding:1px; border:solid thin">DG</span>' | |
fill: none | |
stroke: none | |
blockingPort: &blockingPort | |
text: '<span style="color:red; background-color:pink; font-size:160%; font-family:monospace; font-weight:bold; padding:1px; border:solid thin">BL</span>' | |
fill: none | |
stroke: none | |
alternatePort: &alternatePort | |
text: '<span style="color:orange; background-color:yellow; font-size:160%; font-family:monospace; font-weight:bold; padding:1px; border:solid thin">AL</span>' | |
fill: none | |
stroke: none | |
icons: | |
core1: | |
<<: *iconDefaults | |
icon: workgroupswitch | |
x: "1" | |
y: "2" | |
textLocation: topMiddle | |
core2: | |
<<: *iconDefaults | |
icon: workgroupswitch | |
x: "+1" | |
y: "+0" | |
textLocation: topMiddle | |
access1: | |
<<: *iconDefaults | |
icon: workgroupswitch | |
x: "-2" | |
y: "-1" | |
textLocation: topMiddle | |
access2: | |
<<: *iconDefaults | |
icon: workgroupswitch | |
x: "+1" | |
y: "+0" | |
textLocation: topMiddle | |
access3: | |
<<: *iconDefaults | |
icon: workgroupswitch | |
x: "+1" | |
y: "+0" | |
textLocation: topMiddle | |
access4: | |
<<: *iconDefaults | |
icon: workgroupswitch | |
x: "+1" | |
y: "+0" | |
textLocation: topMiddle | |
pc1: | |
<<: *iconDefaults | |
iconFamily: cisco | |
icon: fileserver | |
x: "-3" | |
y: "-1" | |
pc2: | |
<<: *iconDefaults | |
iconFamily: cisco | |
icon: fileserver | |
x: "+1" | |
y: "+0" | |
pc3: | |
<<: *iconDefaults | |
iconFamily: cisco | |
icon: fileserver | |
x: "+1" | |
y: "+0" | |
pc4: | |
<<: *iconDefaults | |
iconFamily: cisco | |
icon: fileserver | |
x: "+1" | |
y: "+0" | |
connections: | |
- { <<: *connectionDefaults, endpoints: ["core1:e0", "core2:e0"], stroke: lightgray } | |
- { <<: *connectionDefaults, endpoints: ["core1:e1", "access1:e1"] } | |
- { <<: *connectionDefaults, endpoints: ["core1:e2", "access3:e1"] } | |
- { <<: *connectionDefaults, endpoints: ["core2:e1", "access2:e1"] } | |
- { <<: *connectionDefaults, endpoints: ["core2:e2", "access4:e1"] } | |
- { <<: *connectionDefaults, endpoints: ["access1:e0", "access2:e0"], stroke: lightgray } | |
- { <<: *connectionDefaults, endpoints: ["access3:e0", "access4:e0"] } | |
- { <<: *connectionDefaults, endpoints: ["access1:e2", "pc1:eth0"] } | |
- { <<: *connectionDefaults, endpoints: ["access2:e2", "pc2:eth0"] } | |
- { <<: *connectionDefaults, endpoints: ["access3:e2", "pc3:eth0"] } | |
- { <<: *connectionDefaults, endpoints: ["access4:e2", "pc4:eth0"] } | |
groups: | |
rootBridge: | |
name: Root Bridge | |
color: blue | |
fill: aqua | |
stroke: none | |
textLocation: topRight | |
members: [access3] | |
notes: | |
legend: | |
text: | | |
<span style="color:blue; background-color:aqua; font-size:160%; font-family:monospace; font-weight:bold; padding:1px; border:solid thin">RT</span> root port | |
<span style="color:green; background-color:lightgreen; font-size:160%; font-family:monospace; font-weight:bold; padding:1px; border:solid thin">DG</span> designated port | |
<span style="color:red; background-color:pink; font-size:160%; font-family:monospace; font-weight:bold; padding:1px; border:solid thin">BL</span> blocking port | |
# | |
# <span style="color:orange; background-color:yellow; font-size:160%; font-family:monospace; font-weight:bold; padding:1px; border:solid thin">AL</span> alternate port | |
color: black | |
fill: "#eeeeee" | |
stroke: black | |
justifyContent: space-around | |
textAlign: left | |
xAlign: left | |
yAlign: center | |
x: 3 | |
y: 2 | |
w: 1 | |
h: 1.2 | |
core1_info: | |
<<: *noteID | |
text: '`ID:0x8000 6a78dcb80a3d`' | |
x: 1 | |
y: 2 | |
core1_e0: | |
<<: *designatedPort | |
xAlign: right | |
yAlign: center | |
core1_e1: | |
<<: *designatedPort | |
xAlign: left | |
yAlign: bottom | |
core1_e2: | |
<<: *rootPort | |
xAlign: right | |
yAlign: bottom | |
core2_info: | |
<<: *noteID | |
text: '`ID:0x8000 264bc9950ee0`' | |
x: 2 | |
y: 2 | |
core2_e0: | |
<<: *blockingPort | |
xAlign: left | |
yAlign: center | |
core2_e1: | |
<<: *designatedPort | |
xAlign: left | |
yAlign: bottom | |
core2_e2: | |
<<: *rootPort | |
xAlign: right | |
yAlign: bottom | |
access1_info: | |
<<: *noteID | |
text: '`ID:0x8000 32c8700d8a30`' | |
x: 0 | |
y: 1 | |
access1_e0: | |
<<: *designatedPort | |
xAlign: right | |
yAlign: center | |
access1_e1: | |
<<: *rootPort | |
xAlign: right | |
yAlign: top | |
access1_e2: | |
<<: *designatedPort | |
xAlign: center | |
yAlign: bottom | |
access2_info: | |
<<: *noteID | |
text: '`ID:0x8000 3ecc33fcdf10`' | |
x: 1 | |
y: 1 | |
access2_e0: | |
<<: *blockingPort | |
xAlign: left | |
yAlign: center | |
access2_e1: | |
<<: *rootPort | |
xAlign: right | |
yAlign: top | |
access2_e2: | |
<<: *designatedPort | |
xAlign: center | |
yAlign: bottom | |
access3_info: | |
<<: *noteID | |
text: '`ID:0x8000 066e04362ec5`' | |
x: 2 | |
y: 1 | |
access3_e0: | |
<<: *designatedPort | |
xAlign: right | |
yAlign: center | |
access3_e1: | |
<<: *designatedPort | |
xAlign: left | |
yAlign: top | |
access3_e2: | |
<<: *designatedPort | |
xAlign: center | |
yAlign: bottom | |
access4_info: | |
<<: *noteID | |
text: '`ID:0x8000 42bfcd484230`' | |
x: 3 | |
y: 1 | |
access4_e0: | |
<<: *rootPort | |
xAlign: left | |
yAlign: center | |
access4_e1: | |
<<: *designatedPort | |
xAlign: left | |
yAlign: top | |
access4_e2: | |
<<: *designatedPort | |
xAlign: center | |
yAlign: bottom |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment