Disconnected Components

Gallery / Feature Showcase

A connected three-section trunk plus a separate, wide disconnected section. Each weakly-connected component of the section graph is placed in its own local column grid and the components are stacked vertically, so the wide panel never inflates the trunk's columns or flings its later sections to the right.

Mermaid source

%%metro title: Disconnected Components
%%metro style: dark
%%metro line: main | Main Pipeline | #e63946
%%metro line: aux | Auxiliary Report | #0570b0

graph LR
    subgraph ingest [Ingest]
        in1[Read Input]
        in2[Validate]
        in1 -->|main| in2
    end

    subgraph process [Process]
        pr1[Align]
        pr2[Filter]
        pr1 -->|main| pr2
    end

    subgraph results [Results]
        re1[Summarise]
        re2[Publish]
        re1 -->|main| re2
    end

    subgraph wide_report [Standalone QC Report]
        w1[Collect]
        w2[Aggregate]
        w3[Annotate]
        w4[Normalise]
        w5[Visualise]
        w6[Export]
        w1 -->|aux| w2
        w2 -->|aux| w3
        w3 -->|aux| w4
        w4 -->|aux| w5
        w5 -->|aux| w6
    end

    in2 -->|main| pr1
    pr2 -->|main| re1

CLI command

nf-metro render examples/disconnected_components.mmd -o disconnected_components.svg

Rendered map