Skip to content

Instantly share code, notes, and snippets.

@takai404
Last active June 21, 2022 13:55
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save takai404/e67a37e83e89175a02194cb914a23414 to your computer and use it in GitHub Desktop.
Save takai404/e67a37e83e89175a02194cb914a23414 to your computer and use it in GitHub Desktop.
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: &noteID
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