nf-metro playground (test harness)

Load Recent Insert Lines

Brand Mode Animate Chevrons Debug Centre ports

Export

Advanced options

Layout Line spread Diamonds Line order Compact offsets Line gap Font scale Stroke scale Fold cols X-spacing Y-spacing

Edit map Click an element to select it.

Loading the browser runtime

Editing stays responsive while the renderer starts. The runtime is cached after the first visit.

Commands

Search actions

Where do you want to start?

Report a bug

This opens a pre-filled GitHub issue in a new tab with your current map, options, and description. You review and submit it there (a GitHub account and sign-in are required).

What's wrong? required

Import Nextflow DAG

Paste a Nextflow -with-dag Mermaid file to convert it into a starting metro map. Generate one with nextflow run <pipeline> -preview -with-dag dag.mmd — see the Nextflow import guide.

Nextflow DAG Mermaid

Attach a logo

Embeds the image directly into the %%metro logo: directive as inline data, so it travels with the map text. The playground runs entirely in your browser and cannot read a logo file from your computer's disk by path.

Image file

This image is large; embedding it will make the map source (and any share link) much bigger. A small logo (under ~50 KB) works best.