One portout is connected to many portin, the diagram is so unreadable!

Question

in such example:

@startuml
left to right direction
skinparam handwritten true
skinparam linetype ortho
skinparam BackgroundColor transparent
skinparam ComponentStyle rectangle

component C1 #ORANGE {
    portout  sys_clk
    portout  sys_rst_n
}
component B1 {
    component B1.1{
        portin    clk     as B1.1.clk
        portin    rst_n   as B1.1.rst_n
    }
    component B1.2{
        portin    clk     as B1.2.clk
        portin    rst_n   as B1.2.rst_n
    }
    component B1.3{
        portin    clk     as B1.3.clk
        portin    rst_n   as B1.3.rst_n
    }
}

sys_clk --> B1.1.clk
sys_clk --> B1.2.clk
sys_clk --> B1.3.clk

sys_rst_n --> B1.1.rst_n
sys_rst_n --> B1.2.rst_n
sys_rst_n --> B1.3.rst_n

@enduml

the connection looks so ugly and unreadable...

Comments

@plantuml looks like to have to do with

skinparam linetype ortho

disabling this line gives that the connections are correct (but unwanted line type of course)

---

Got it.
But  is there other choice with this line type?

---

I quickly see polyline

Answer 1

@startuml
left to right direction
'skinparam handwritten false
skinparam linetype ortho
skinparam BackgroundColor transparent
skinparam ComponentStyle rectangle

component C1 #ORANGE {
    portout  sys_clk
    portout  sys_rst_n
}
component B1 {
    component B1.1{
        portin    clk     as B1.1.clk
        portin    rst_n   as B1.1.rst_n
    }
    component B1.2{
        portin    clk     as B1.2.clk
        portin    rst_n   as B1.2.rst_n
    }
    component B1.3{
        portin    clk     as B1.3.clk
        portin    rst_n   as B1.3.rst_n
    }
}

sys_clk --> B1.1.clk
sys_clk --> B1.2.clk
sys_clk --> B1.3.clk

sys_rst_n --> B1.1.rst_n
sys_rst_n --> B1.2.rst_n
sys_rst_n --> B1.3.rst_n

@enduml