Why are my diagrams sometimes slammed to the left?

Help
1

Greetings fellow visualizers. I have a system that reads data from our CM database and renders architectural dependency diagrams. Sometimes the diagram is not centered. Consider the follow example:
[dot]
digraph “Admitto”{
splines=ortho
layout=dot
newrank=true
node [shape=none,fontsize=12]
graph [label=“2024-11-07 15:09:38-0500”,labelloc=b,fontsize=7]
subgraph clusterall {graph [label=“Admitto (Database Middleware & ERP Support (DBA)/103666)”,labelloc=t,fontsize=25,color=transparent]
edge [penwidth=1.0,arrowsize=0.5]
subgraph clusterranks{label=“”;margin=0
edge [color=transparent]
node [fontcolor=transparent,fontsize=0,width=0.01,fixedsize=true,label=“”,margin=“0,0”]
r0 → r1 → r2 → r3}
subgraph clusterkey { color=black
graph [label=“Archtitectural layer color key”,fontsize=12]
edge [color=transparent]
node [fontsize=12]
Servicekey [label=“Service”,style=filled,fillcolor=lightgoldenrodyellow]
Appkey [label=“App”,style=filled,fillcolor=khaki1]
MiddleTierkey [label=“MiddleTier”,style=filled,fillcolor=khaki2]
Databasekey [label=“Database”,style=filled,fillcolor=khaki3]
Serverkey [label=“Server”,style=filled,fillcolor=lightsteelblue1]
“Infrastructure Servicekey” [label=“Infrastructure Service”,style=filled,fillcolor=lightsteelblue2]
“Configuration Managementkey” [label=“Configuration Management”,style=filled,fillcolor=lightsteelblue]
Appliancekey [label=“Appliance”,style=filled,fillcolor=lightsteelblue3]
Rackkey [label=“Rack”,style=filled,fillcolor=lightyellow3]
Powerkey [label=“Power”,style=filled,fillcolor=snow3]
{rank=same;r0;Servicekey;Appkey;MiddleTierkey;Databasekey;Serverkey;“Infrastructure Servicekey”;“Configuration Managementkey”;Appliancekey;Rackkey;Powerkey}
Servicekey → Appkey → MiddleTierkey → Databasekey → Serverkey → “Infrastructure Servicekey” → “Configuration Managementkey” → Appliancekey → Rackkey → Powerkey}
subgraph Service {style=filled;fillcolor=lightgoldenrodyellow
node [style=filled,fillcolor=lightgoldenrodyellow]
graph [label=“Services”,fontsize=18]
}
subgraph App {style=filled;fillcolor=khaki1
node [style=filled,fillcolor=khaki1]
graph [label=“Applications”,fontsize=18]
}
subgraph Middle {style=filled;fillcolor=khaki2
node [style=filled,fillcolor=khaki2]
graph [label=“Middle Tier”,fontsize=18]
“104499” [label=“WebLogic Admitto\n104499”,group=a]
}
{rank=same;r1;104499}
subgraph Database {style=filled;fillcolor=khaki3
node [style=filled,fillcolor=khaki3]
graph [label=“Databases”,fontsize=18]
}
subgraph Server {style=filled;fillcolor=lightsteelblue1
node [style=filled,fillcolor=lightsteelblue1]
graph [label=“Servers”,fontsize=18]
“102260” [label=“Admittop Pool\n102260”,group=a]
“102408” [label=“admittop1\n102408”,group=a]
“102409” [label=“admittop2\n102409”,group=a]
}
{rank=same;r2;102260}
{rank=same;r3;102408;102409}
subgraph iService {style=filled;fillcolor=lightsteelblue2
node [style=filled,fillcolor=lightsteelblue2]
graph [label=“Infrastructure Services”,fontsize=18]
}
subgraph cm {style=filled;fillcolor=lightsteelblue
node [style=filled,fillcolor=lightsteelblue]
graph [label=“Configuration Management”,fontsize=18]
}
subgraph Appliance {style=filled;fillcolor=lightsteelblue3
node [style=filled,fillcolor=lightsteelblue3]
graph [label=“Appliances”,fontsize=18]
}
subgraph Rack {style=filled;fillcolor=lightyellow3
node [style=filled,fillcolor=lightyellow3]
graph [label=“Racks”,fontsize=18]
}
subgraph Power {style=filled;fillcolor=snow3
node [style=filled,fillcolor=snow3]
graph [label=“Power”,fontsize=18]
}
“104499” → “102260”
“102260” → “102408”
“102260” → “102409”
}}
[/dot]

Here is the code that was generated by the system:
digraph “Admitto”{
splines=ortho
layout=dot
newrank=true
node [shape=none,fontsize=12]
graph [label=“2024-11-07 15:09:38-0500”,labelloc=b,fontsize=7]
subgraph clusterall {graph [label=“Admitto (Database Middleware & ERP Support (DBA)/103666)”,labelloc=t,fontsize=25,color=transparent]
edge [penwidth=1.0,arrowsize=0.5]
subgraph clusterranks{label=“”;margin=0
edge [color=transparent]
node [fontcolor=transparent,fontsize=0,width=0.01,fixedsize=true,label=“”,margin=“0,0”]
r0 → r1 → r2 → r3}
subgraph clusterkey { color=black
graph [label=“Archtitectural layer color key”,fontsize=12]
edge [color=transparent]
node [fontsize=12]
Servicekey [label=“Service”,style=filled,fillcolor=lightgoldenrodyellow]
Appkey [label=“App”,style=filled,fillcolor=khaki1]
MiddleTierkey [label=“MiddleTier”,style=filled,fillcolor=khaki2]
Databasekey [label=“Database”,style=filled,fillcolor=khaki3]
Serverkey [label=“Server”,style=filled,fillcolor=lightsteelblue1]
“Infrastructure Servicekey” [label=“Infrastructure Service”,style=filled,fillcolor=lightsteelblue2]
“Configuration Managementkey” [label=“Configuration Management”,style=filled,fillcolor=lightsteelblue]
Appliancekey [label=“Appliance”,style=filled,fillcolor=lightsteelblue3]
Rackkey [label=“Rack”,style=filled,fillcolor=lightyellow3]
Powerkey [label=“Power”,style=filled,fillcolor=snow3]
{rank=same;r0;Servicekey;Appkey;MiddleTierkey;Databasekey;Serverkey;“Infrastructure Servicekey”;“Configuration Managementkey”;Appliancekey;Rackkey;Powerkey}
Servicekey → Appkey → MiddleTierkey → Databasekey → Serverkey → “Infrastructure Servicekey” → “Configuration Managementkey” → Appliancekey → Rackkey → Powerkey}
subgraph Service {style=filled;fillcolor=lightgoldenrodyellow
node [style=filled,fillcolor=lightgoldenrodyellow]
graph [label=“Services”,fontsize=18]
}
subgraph App {style=filled;fillcolor=khaki1
node [style=filled,fillcolor=khaki1]
graph [label=“Applications”,fontsize=18]
}
subgraph Middle {style=filled;fillcolor=khaki2
node [style=filled,fillcolor=khaki2]
graph [label=“Middle Tier”,fontsize=18]
“104499” [label=“WebLogic Admitto\n104499”,group=a]
}
{rank=same;r1;104499}
subgraph Database {style=filled;fillcolor=khaki3
node [style=filled,fillcolor=khaki3]
graph [label=“Databases”,fontsize=18]
}
subgraph Server {style=filled;fillcolor=lightsteelblue1
node [style=filled,fillcolor=lightsteelblue1]
graph [label=“Servers”,fontsize=18]
“102260” [label=“Admittop Pool\n102260”,group=a]
“102408” [label=“admittop1\n102408”,group=a]
“102409” [label=“admittop2\n102409”,group=a]
}
{rank=same;r2;102260}
{rank=same;r3;102408;102409}
subgraph iService {style=filled;fillcolor=lightsteelblue2
node [style=filled,fillcolor=lightsteelblue2]
graph [label=“Infrastructure Services”,fontsize=18]
}
subgraph cm {style=filled;fillcolor=lightsteelblue
node [style=filled,fillcolor=lightsteelblue]
graph [label=“Configuration Management”,fontsize=18]
}
subgraph Appliance {style=filled;fillcolor=lightsteelblue3
node [style=filled,fillcolor=lightsteelblue3]
graph [label=“Appliances”,fontsize=18]
}
subgraph Rack {style=filled;fillcolor=lightyellow3
node [style=filled,fillcolor=lightyellow3]
graph [label=“Racks”,fontsize=18]
}
subgraph Power {style=filled;fillcolor=snow3
node [style=filled,fillcolor=snow3]
graph [label=“Power”,fontsize=18]
}
“104499” → “102260”
“102260” → “102408”
“102260” → “102409”
}}

Note how the diagram is on the left side. Most diagrams don’t do this. I noticed that if I comment out the three edges at the bottom of above code, I get this:

[dot]
digraph “Admitto”{
splines=ortho
layout=dot
newrank=true
node [shape=none,fontsize=12]
graph [label=“2024-11-07 15:09:38-0500”,labelloc=b,fontsize=7]
subgraph clusterall {graph [label=“Admitto (Database Middleware & ERP Support (DBA)/103666)”,labelloc=t,fontsize=25,color=transparent]
edge [penwidth=1.0,arrowsize=0.5]
subgraph clusterranks{label=“”;margin=0
edge [color=transparent]
node [fontcolor=transparent,fontsize=0,width=0.01,fixedsize=true,label=“”,margin=“0,0”]
r0 → r1 → r2 → r3}
subgraph clusterkey { color=black
graph [label=“Archtitectural layer color key”,fontsize=12]
edge [color=transparent]
node [fontsize=12]
Servicekey [label=“Service”,style=filled,fillcolor=lightgoldenrodyellow]
Appkey [label=“App”,style=filled,fillcolor=khaki1]
MiddleTierkey [label=“MiddleTier”,style=filled,fillcolor=khaki2]
Databasekey [label=“Database”,style=filled,fillcolor=khaki3]
Serverkey [label=“Server”,style=filled,fillcolor=lightsteelblue1]
“Infrastructure Servicekey” [label=“Infrastructure Service”,style=filled,fillcolor=lightsteelblue2]
“Configuration Managementkey” [label=“Configuration Management”,style=filled,fillcolor=lightsteelblue]
Appliancekey [label=“Appliance”,style=filled,fillcolor=lightsteelblue3]
Rackkey [label=“Rack”,style=filled,fillcolor=lightyellow3]
Powerkey [label=“Power”,style=filled,fillcolor=snow3]
{rank=same;r0;Servicekey;Appkey;MiddleTierkey;Databasekey;Serverkey;“Infrastructure Servicekey”;“Configuration Managementkey”;Appliancekey;Rackkey;Powerkey}
Servicekey → Appkey → MiddleTierkey → Databasekey → Serverkey → “Infrastructure Servicekey” → “Configuration Managementkey” → Appliancekey → Rackkey → Powerkey}
subgraph Service {style=filled;fillcolor=lightgoldenrodyellow
node [style=filled,fillcolor=lightgoldenrodyellow]
graph [label=“Services”,fontsize=18]
}
subgraph App {style=filled;fillcolor=khaki1
node [style=filled,fillcolor=khaki1]
graph [label=“Applications”,fontsize=18]
}
subgraph Middle {style=filled;fillcolor=khaki2
node [style=filled,fillcolor=khaki2]
graph [label=“Middle Tier”,fontsize=18]
“104499” [label=“WebLogic Admitto\n104499”,group=a]
}
{rank=same;r1;104499}
subgraph Database {style=filled;fillcolor=khaki3
node [style=filled,fillcolor=khaki3]
graph [label=“Databases”,fontsize=18]
}
subgraph Server {style=filled;fillcolor=lightsteelblue1
node [style=filled,fillcolor=lightsteelblue1]
graph [label=“Servers”,fontsize=18]
“102260” [label=“Admittop Pool\n102260”,group=a]
“102408” [label=“admittop1\n102408”,group=a]
“102409” [label=“admittop2\n102409”,group=a]
}
{rank=same;r2;102260}
{rank=same;r3;102408;102409}
subgraph iService {style=filled;fillcolor=lightsteelblue2
node [style=filled,fillcolor=lightsteelblue2]
graph [label=“Infrastructure Services”,fontsize=18]
}
subgraph cm {style=filled;fillcolor=lightsteelblue
node [style=filled,fillcolor=lightsteelblue]
graph [label=“Configuration Management”,fontsize=18]
}
subgraph Appliance {style=filled;fillcolor=lightsteelblue3
node [style=filled,fillcolor=lightsteelblue3]
graph [label=“Appliances”,fontsize=18]
}
subgraph Rack {style=filled;fillcolor=lightyellow3
node [style=filled,fillcolor=lightyellow3]
graph [label=“Racks”,fontsize=18]
}
subgraph Power {style=filled;fillcolor=snow3
node [style=filled,fillcolor=snow3]
graph [label=“Power”,fontsize=18]
}
#“104499” → “102260”
#“102260” → “102408”
#“102260” → “102409”
}}
[/dot]

Now the nodes have moved toward the center. Why would adding the three edges cause the graph to move to the left? This is the behavior also in the online visual editor. For development I’m running on a Linux system:
$ dot -V
dot - graphviz version 2.43.0 (0)

Obviously I’m not trying to specifically fix this diagram through manual manipulation since the GraphViz code is generated by the CM system, but rather, I need to understand this behavior so I can try to generate better GraphViz code.
Thanks very much for your expertise.

2

I would reverse your question to “Why are your diagrams sometimes center justified?”
Dot has lots of rules about determining rank, but setting the file (as in rank & file) is more challenging. Specifically, your file contains two disconnected subgraphs - the key & the real graph. You have cleverly used newrank and rank attributes to position the two subgraphs, there are no explicit rules to set left-right position. (This is a common source of frustration).

Here is a modified version that eliminates newrank and rank but uses packmode to position and center the key above the “real” graph.

/* from https://forum.graphviz.org/t/why-are-my-diagrams-sometimes-slammed-to-the-left/2533 */
digraph "Admitto" {
  splines=ortho
  layout=dot
//  newrank=true
  packmode=array_i1  // stack unconnected clusters

  node [shape=none,fontsize=12]
  graph [label="2024-11-07 15:09:38-0500",labelloc=b,fontsize=7]
  subgraph clusterall {
    graph [label="Admitto (Database Middleware & ERP Support (DBA)/103666)",labelloc=t,fontsize=25,color=transparent]
    edge [penwidth=1.0,arrowsize=0.5]

    subgraph clusterkey {
      color=black
      graph [label="Archtitectural layer color key",fontsize=12]
      edge [color=transparent]
      node [fontsize=12]
      Servicekey [label="Service",style=filled,fillcolor=lightgoldenrodyellow]
      Appkey [label="App",style=filled,fillcolor=khaki1]
      MiddleTierkey [label="MiddleTier",style=filled,fillcolor=khaki2]
      Databasekey [label="Database",style=filled,fillcolor=khaki3]
      Serverkey [label="Server",style=filled,fillcolor=lightsteelblue1]
      "Infrastructure Servicekey" [label="Infrastructure Service",style=filled,fillcolor=lightsteelblue2]
      "Configuration Managementkey" [label="Configuration Management",style=filled,fillcolor=lightsteelblue]
      Appliancekey [label="Appliance",style=filled,fillcolor=lightsteelblue3]
      Rackkey [label="Rack",style=filled,fillcolor=lightyellow3]
      Powerkey [label="Power",style=filled,fillcolor=snow3]
      {rank=same; Servicekey; Appkey; MiddleTierkey; Databasekey; Serverkey; "Infrastructure Servicekey"; "Configuration Managementkey"; Appliancekey; Rackkey; Powerkey}
      Servicekey -> Appkey -> MiddleTierkey -> Databasekey -> Serverkey -> "Infrastructure Servicekey" -> "Configuration Managementkey" -> Appliancekey -> Rackkey -> Powerkey
    }
    subgraph iService {
      style=filled;
      fillcolor=lightsteelblue2
      node [style=filled,fillcolor=lightsteelblue2]
      graph [label="Infrastructure Services",fontsize=18]
    }
    subgraph cm {
      style=filled;
      fillcolor=lightsteelblue
      node [style=filled,fillcolor=lightsteelblue]
      graph [label="Configuration Management",fontsize=18]
    }
    subgraph Appliance {
      style=filled;
      fillcolor=lightsteelblue3
      node [style=filled,fillcolor=lightsteelblue3]
      graph [label="Appliances",fontsize=18]
    }
    subgraph Rack {
      style=filled;
      fillcolor=lightyellow3
      node [style=filled,fillcolor=lightyellow3]
      graph [label="Racks",fontsize=18]
    }
    subgraph Power {
      style=filled;
      fillcolor=snow3
      node [style=filled,fillcolor=snow3]
      graph [label="Power",fontsize=18]
    }
    node [shape=none,fontsize=12]
    subgraph Service {
      style=filled;
      fillcolor=lightgoldenrodyellow
      node [style=filled,fillcolor=lightgoldenrodyellow]
      graph [label="Services",fontsize=18]
    }
    subgraph App {
      style=filled;
      fillcolor=khaki1
      node [style=filled,fillcolor=khaki1]
      graph [label="Applications",fontsize=18]
    }
  }
  subgraph clusterXYZ123{
    label=""
    peripheries=0  // no box around this cluster
//    {rank=same; r1; 104499}
    subgraph Database {
      style=filled;
      fillcolor=khaki3
      node [style=filled,fillcolor=khaki3]
      graph [label="Databases",fontsize=18]
    }
    subgraph Middle {
      style=filled;
      fillcolor=khaki2
      node [style=filled,fillcolor=khaki2]
      graph [label="Middle Tier",fontsize=18]
      "104499" [label="WebLogic Admitto\n104499",group=a]
    }
    subgraph Server {
      style=filled;
      fillcolor=lightsteelblue1
      node [style=filled,fillcolor=lightsteelblue1]
      graph [label="Servers",fontsize=18]
      "102260" [label="Admittop Pool\n102260",group=a]
      "102408" [label="admittop1\n102408",group=a]
      "102409" [label="admittop2\n102409",group=a]
    }
//    {rank=same; r2; 102260}
//    {rank=same; r3; 102408; 102409}
  }

  /**/
  "104499" -> "102260"
  "102260" -> "102408"
  "102260" -> "102409"
  /**/
}

Giving:

leftSlam2
leftSlam21395×478 39.6 KB

p.s. if this were my graph, I’d consider combining the graph label and the key into one (somewhat complex) HTML table, eliminating the need for packmode too

3

That’s a good question because 95% of the time they’re centered, so in developing the general methods for the diagram format, I never gave it a second thought because they were all coming out centered. This particular format is a “backup” format in that it is not my desired format. The primary format would look like this:
[dot]
digraph “Admitto”{
splines=ortho
layout=dot
newrank=true
node [shape=none,fontsize=12]
graph [label=“2024-11-07 15:09:38-0500”,labelloc=b,fontsize=7]
subgraph clusterall {graph [label=“Admitto (Database Middleware & ERP Support (DBA)/103666)”,labelloc=t,fontsize=25,color=transparent]
edge [penwidth=1.0,arrowsize=0.5]
subgraph ranks{label=“”;margin=0
edge [color=transparent]
node [fontcolor=transparent,fontsize=0,width=0.01,fixedsize=true,label=“”,margin=“0,0”]
r1 → r2 → r3}
subgraph clusterService {style=filled;fillcolor=lightgoldenrodyellow
graph [label=“Services”,fontsize=18]
}
subgraph clusterApp {style=filled;fillcolor=khaki1
graph [label=“Applications”,fontsize=18]
}
subgraph clusterMiddle {style=filled;fillcolor=khaki2
graph [label=“Middle Tier”,fontsize=18]
“104499” [label=“WebLogic Admitto\n104499”,group=a]
}
{rank=same;r1;104499}
subgraph clusterDatabase {style=filled;fillcolor=khaki3
graph [label=“Databases”,fontsize=18]
}
subgraph clusterServer {style=filled;fillcolor=lightsteelblue1
graph [label=“Servers”,fontsize=18]
“102260” [label=“Admittop Pool\n102260”,group=a]
“102408” [label=“admittop1\n102408”,group=a]
“102409” [label=“admittop2\n102409”,group=a]
}
{rank=same;r2;102260}
{rank=same;r3;102408;102409}
subgraph clusteriService {style=filled;fillcolor=lightsteelblue2
graph [label=“Infrastructure Services”,fontsize=18]
}
subgraph clustercm {style=filled;fillcolor=lightsteelblue
graph [label=“Configuration Management”,fontsize=18]
}
subgraph clusterAppliance {style=filled;fillcolor=lightsteelblue3
graph [label=“Appliances”,fontsize=18]
}
subgraph clusterRack {style=filled;fillcolor=lightyellow3
graph [label=“Racks”,fontsize=18]
}
subgraph clusterPower {style=filled;fillcolor=snow3
graph [label=“Power”,fontsize=18]
}
“104499” → “102260”
“102260” → “102408”
“102260” → “102409”
}}
[/dot]

What I discovered in testing is that on supremely complex diagrams, dot would sometimes “throw a rod” so I came up with a “simpler” layout that forgoes the separate clusters for each layer, in the hope that it removes a constraint. When this alignment problem came up, it was actually with the primary format as above. But what I discovered is that I couldn’t duplicate the problem on my laptop using a recent version of GraphViz. Unfortunately the package distribute by Redhat on the production system is dated. So somehow, something changed that somewhat fixed the issue. Some of the diagrams can be more complex, yet still centered just fine:
[dot]
digraph “Banner Administrative Applications”{
splines=ortho
layout=dot
newrank=true
node [shape=none,fontsize=12]
graph [label=“2024-11-07 15:09:38-0500”,labelloc=b,fontsize=7]
subgraph clusterall {graph [label=“Banner Administrative Applications (Database Middleware & ERP Support (DBA)/110138)”,labelloc=t,fontsize=25,color=transparent]
edge [penwidth=1.0,arrowsize=0.5]
subgraph ranks{label=“”;margin=0
edge [color=transparent]
node [fontcolor=transparent,fontsize=0,width=0.01,fixedsize=true,label=“”,margin=“0,0”]
r1 → r2 → r3 → r4 → r5 → r6}
subgraph clusterService {style=filled;fillcolor=lightgoldenrodyellow
graph [label=“Services”,fontsize=18]
}
subgraph clusterApp {style=filled;fillcolor=khaki1
graph [label=“Applications”,fontsize=18]
“96037” [label=“IMAGINGAXP\n96037”,group=a]
“96084” [label=“Clean Address\n96084”,group=a]
“96113” [label=“Jobsub PROD\n96113”,group=a]
“96165” [label=“Application Navigator (PROD)\n96165”,group=a]
“96192” [label=“Banner Admin Apps (PROD)\n96192”,group=a]
“96233” [label=“Banner Access Management (PROD)\n96233”,group=a]
“101692” [label=“IMAGINGAXP ApplicationXtender Desktop\n101692”,group=a]
}
{rank=same;r1;96113;96192;96233;101692}
{rank=same;r2;96037;96084;96165}
subgraph clusterMiddle {style=filled;fillcolor=khaki2
graph [label=“Middle Tier”,fontsize=18]
“96146” [label=“Oracle Weblogic\n96146”,group=a]
“96147” [label=“Oracle Weblogic\n96147”,group=a]
“96185” [label=“Oracle Weblogic\n96185”,group=a]
“96186” [label=“Oracle Weblogic\n96186”,group=a]
}
{rank=same;r3;96146;96147;96185;96186}
subgraph clusterDatabase {style=filled;fillcolor=khaki3
graph [label=“Databases”,fontsize=18]
“96008” [label=“PROD\n96008”,group=a]
“96038” [label=“IMAGINGDXP\n96038”,group=a]
“96267” [label=“Oracle 19c\n96267”,group=a]
}
{rank=same;r4;96008;96038}
{rank=same;r5;96267}
subgraph clusterServer {style=filled;fillcolor=lightsteelblue1
graph [label=“Servers”,fontsize=18]
“101336” [label=“IMAGINGAXP\n101336”,group=a]
“101338” [label=“IMAGINGDXP\n101338”,group=a]
“102306” [label=“ponosp\n102306”,group=a]
“102379” [label=“mensap\n102379”,group=a]
“102387” [label=“vernaculusp1\n102387”,group=a]
“102388” [label=“vernaculusp2\n102388”,group=a]
“102392” [label=“navigop1\n102392”,group=a]
“102393” [label=“navigop2\n102393”,group=a]
}
{rank=same;r6;101336;101338;102306;102379;102387;102388;102392;102393}
subgraph clusteriService {style=filled;fillcolor=lightsteelblue2
graph [label=“Infrastructure Services”,fontsize=18]
}
subgraph clustercm {style=filled;fillcolor=lightsteelblue
graph [label=“Configuration Management”,fontsize=18]
}
subgraph clusterAppliance {style=filled;fillcolor=lightsteelblue3
graph [label=“Appliances”,fontsize=18]
}
subgraph clusterRack {style=filled;fillcolor=lightyellow3
graph [label=“Racks”,fontsize=18]
}
subgraph clusterPower {style=filled;fillcolor=snow3
graph [label=“Power”,fontsize=18]
}
“96192” → “96186”
“101692” → “96037”
“96146” → “96008”
“96165” → “96146”
“96165” → “96147”
“96147” → “96008”
“96084” → “102306”
“96037” → “96008”
“96192” → “96084”
“96186” → “96008”
“96084” → “96008”
“96038” → “101338”
“96037” → “96038”
“96233” → “96185”
“96186” → “102388”
“96185” → “96008”
“96038” → “96037”
“96267” → “102379”
“96233” → “96186”
“96037” → “101336”
“96192” → “96165”
“96185” → “102387”
“96146” → “102392”
“96192” → “96185”
“96147” → “102393”
“96113” → “96008”
“96008” → “96267”
}}
[/dot]

So I can’t explain why it’s centered, but that seems to be the norm for my layout.
I have not used packmode before so I shall start digging into it to see if it is a better general solution. Since the system implements a general solution for any potential diagram someone comes up with, I did a lot of testing on complex graphs to see if I could break it. But of course, production is always the acid test :slight_smile:
Thank you very much for the suggestion and I’m going to start looking into it.