# Channel Chart

<style>
.odu-box {
display: flex;
flex-direction: column;
}
.odu-box > DIV {
border: 1px solid black;
}
.odu-box .active {
font-weight: bold;
background-color: #f1c40f;
}
</style>

graph LR
    EP1((1))
    EP2((2))
    subgraph Box1[box-1-left]
        subgraph ADM1[Slot3:ADM10]
            ADM1::CL[[Cl1]]
            ADM1::CL-ODU[ODU1]
            ADM1::L-ODU["ODU2<br><div class="odu-box"><div>1-4</div><div class="active">5</div><div>6-8</div></div>"]
            ADM1::L[[Line1]]

            ADM1::CL -.-> ADM1::CL-ODU -.-> ADM1::L-ODU -.-> ADM1::L
        end
        subgraph ROADM1[Slot2:ROADM-XY]
            ROADM1::IN[[2]]
            ROADM1::OUT[[4]]
            ROADM1::IN -.-> ROADM1::OUT
        end
    end
    subgraph Box2[box-2-right]
        subgraph ROADM2[Slot5:ROADM-XY]
            ROADM2::IN[[3]]
            ROADM2::OUT[[1]]
            ROADM2::IN -.-> ROADM2::OUT
        end
        subgraph ADM2[Slot2:ADM10]
            ADM2::L[[Line2]]
            ADM2::L-ODU["ODU2<br><div class="odu-box"><div>1-4</div><div class="active">5</div><div>6-8</div></div>"]
            ADM2::CL-ODU[ODU1]
            ADM2::CL[[Cl12]]

            ADM2::L -.-> ADM2::L-ODU -.-> ADM2::CL-ODU -.-> ADM2::CL
        end
    end    
    EP1 --> ADM1::CL
    ADM1::L -- OTU2/Ch12 --> ROADM1::IN
    ROADM1::OUT --> ROADM2::IN
    ROADM2::OUT -- OTU2/Ch12 --> ADM2::L
    ADM2::CL --> EP2