Align Clusters at the top

1

I’m trying to do something quite simple but I’ve spent a couple of hours with no success - hoping someone in this forum has a solution.

Essentially I’m trying to move process #2 so that it’s aligned with process #1 at the top side. And ideally the box of process #2 is the same size as process #1

image
image557×748 33.1 KB

[graphviz]
----
digraph G {
    fontname="Helvetica,Arial,sans-serif"
    node [fontname="Helvetica,Arial,sans-serif"]
    edge [fontname="Helvetica,Arial,sans-serif"]

    // Define subgraph for process #1
    subgraph cluster_0 {
        style=filled;
        color=lightgrey;
        node [style=filled,color=white];
        "Reader Data (endp.)" -> "Raw Data" -> "Corrected Data" -> "Sample Data";
        label = "process #1";
    }

    // Define subgraph for process #2
    subgraph cluster_1 {
        node [style=filled];
        "Reader Data (kin.)" -> "Trace Data";
        label = "process #2";
        color=blue;
    }


    // Connect Load data to both process clusters
    "Load data" -> "Reader Data (endp.)" [lhead=cluster_1, constraint=false];
    "Load data" -> "Reader Data (kin.)" [lhead=cluster_1, constraint=false];
    "Trace Data" -> "Raw Data";
    "Sample Data" -> "Save (export, report)";


    // Define shapes for Load data and Save (export, report)
    "Load data" [shape=Mdiamond];
    "Save (export, report)" [shape=Msquare];
}
----
2

Fiddled with constraints & added invisible nodes to enlarge the cluster

digraph G {
    fontname="Helvetica,Arial,sans-serif"
    node [fontname="Helvetica,Arial,sans-serif"]
    edge [fontname="Helvetica,Arial,sans-serif"]

    // Define subgraph for process #1
    subgraph cluster_0 {
        style=filled;
        color=lightgrey;
        node [style=filled,color=white];
        "Reader Data (endp.)" -> "Raw Data" -> "Corrected Data" -> "Sample Data";
        label = "process #1";
    }

    // Define subgraph for process #2
    subgraph cluster_1 {
        node [style=filled];
        "Reader Data (kin.)" -> "Trace Data"
	// added 2 invisible nodes & edges to enlarge the cluster
	edge[style=invis]
	node[style=invis]
	"Trace Data" -> dummy1 -> dummy2;
        label = "process #2";
        color=blue;
    }
    // Connect Load data to both process clusters
    "Load data" -> "Reader Data (endp.)" [lhead=cluster_1];
    "Load data" -> "Reader Data (kin.)"  [lhead=cluster_1];
    "Trace Data" -> "Raw Data" [constraint=false];  // turn off constraint
    "Sample Data" -> "Save (export, report)";

    // Define shapes for Load data and Save (export, report)
    "Load data" [shape=Mdiamond];
    "Save (export, report)" [shape=Msquare];
}

Giving:

forum2863_1
forum2863_1544×683 29.7 KB

1 Like
3

Thanks a lot! That’s exactly what I was looking for.