Header Nudge

Gallery / TB / BT Sections

A title too long to fit a rotated side, on a section blocked top and bottom by its trunk: the header shifts right past the trunk as a last resort, the canvas growing to keep it visible.

Mermaid source

%%metro title: Header Nudged Past Trunk
%%metro style: dark
%%metro line: a | A | #e63946

%%metro grid: src_sec | 0,0
%%metro grid: tgt_sec | 0,1
%%metro grid: snk_sec | 0,2

graph LR
    subgraph src_sec [Up]
        %%metro direction: TB
        %%metro exit: bottom | a
        s1[One]
    end

    subgraph tgt_sec [Alignment Sorting Markdup Stage]
        %%metro direction: TB
        %%metro entry: top | a
        %%metro exit: bottom | a
        t1[Two]
        t2[Three]
        t1 -->|a| t2
    end

    subgraph snk_sec [Down]
        %%metro direction: TB
        %%metro entry: top | a
        k1[Four]
    end

    s1 -->|a| t1
    t2 -->|a| k1

CLI command

nf-metro render examples/topologies/header_nudge.mmd -o header_nudge.svg

Rendered map