I am using PlantUml. Here is my code
@startuml
component "WebServer" as WS {
port " " as P21
port " " as P22
port " " as P23
port " " as P24
port " " as P25
component "Web-GUI" as WG {
port " " as P11
port " " as P12
port " " as P13
port " " as P14
port " " as P15
}
}
' Connections between ports
P21 -right- P11
P22 -right- P12
P23 -right- P13
P24 -right- P14
P25 -right- P15
@enduml