Equal spacing of records in graphviz

Help
1

Hello everyone,
I would like to ask if there is a way to create equal spacing inside the nodes. As you can see the boxes in the nodes have different size and I would like them to be equal, so that the arrow always points to the seperating border between them (sorry, I have no idea how to explain this in english).

graphviz
graphviz304×966 8.66 KB

code:

digraph G {
         bgcolor = grey;
         node [shape=Mrecord, width="2"];
      ply1 [label="<f1>1.d4|<f2> 0.24"];
      ply2 [label="<f1>1...&#9816;f6|<2> 0.24"];
      ply3 [label="<f1>2.c4|<f2> 0.24"];
      ply4 [label="<f1>2...g6|<f2> 0.24"];
      ply5 [label="<f1>3.f3|<f2> 0.24"];
      ply6 [label="<f1>3...&#9816;c6!?|<f2> 0.24"];
      ply7 [label="<f1>4.d5|<f2> 0.24"];
      ply1 -> ply2;
      ply2 -> ply3;
      ply3 -> ply4;
      ply4 -> ply5;
      ply5 -> ply6;
      ply6 -> ply7;

    }
2

You can get what you want but not with record nodes. You need to use HTML-like labels. Start your graph with

digraph G {
  bgcolor = grey;
  node [shape=none, margin=0, height=0];

and rewrite ply1 as

  ply1 [label=<<table style="rounded"><tr>
        <td width="72" fixedsize="true" height="25" border="0">1.d4</td><vr/>
        <td width="72" fixedsize="true" height="25" border="0">0.24</td>
        </tr></table>>];

making the corresponding changes to the rest of the nodes.

Though more verbose, HTML-like labels should, in general, be used instead of record shapes.

3

Hello erg,
thanks for the fast reply. It works perfectly fine.
If you don’t mind I would like to ask something else.

Is there a way to fill the outer ring a double circle with color around (alternatively if I use peripheries around a node)?

4

Is there a way to fill the outer ring a double circle with color around
(alternatively if I use peripheries around a node)?

Not currently. This might be a cool project for someone. Perhaps peripheries could be given a colorList as an alternative to an integer. e.g peripheries=“red:blue”