Visual representation of a gradual grid using graphviz dot language

gradual-grid.gv

digraph G {
  bgcolor=transparent;

  start [shape=Mdiamond
    label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1">
     <TR>
      <TD BGCOLOR='#ffffd9'>1</TD>
      <TD BGCOLOR='white'>X</TD>
      <TD BGCOLOR='white'>X</TD>
      <TD BGCOLOR='white'>X</TD>
     </TR>
     <TR>
      <TD BGCOLOR='white'>X</TD>
      <TD BGCOLOR='white'>X</TD>
      <TD BGCOLOR='white'>X</TD>
      <TD BGCOLOR='white'>X</TD>
     </TR></TABLE>>];

  subgraph cluster_0 {
    color=red;

    node [shape=ellipse];
    a12xxbxxxx [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR><TR><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];
    a12xxb3xxx [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR><TR><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];
    a12xxb34xx [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR><TR><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];

    a123xbxxxx [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='white'>X</TD></TR><TR><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];
    a123xb4xxx [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='white'>X</TD></TR><TR><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];
    a123xb45xx [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='white'>X</TD></TR><TR><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='#41b6c4'>5</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];

    a123xb456x [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='white'>X</TD></TR><TR><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='#41b6c4'>5</TD><TD BGCOLOR='#1d91c0'>6</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];

    a1234bxxxx  [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#7fcdbb'>4</TD></TR><TR><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];

    a1235b4xxx [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#41b6c4'>5</TD></TR><TR><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];
    a1235b4678 [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#41b6c4'>5</TD></TR><TR><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='#1d91c0'>6</TD><TD BGCOLOR='#225ea8'>7</TD><TD BGCOLOR='#0c2c84'>8</TD></TR></TABLE>> shape=Msquare];


   a1236b45xx [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#1d91c0'>6</TD></TR><TR><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='#41b6c4'>5</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];
   a1236b4578 [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#1d91c0'>6</TD></TR><TR><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='#41b6c4'>5</TD><TD BGCOLOR='#225ea8'>7</TD><TD BGCOLOR='#0c2c84'>8</TD></TR></TABLE>> shape=Msquare];

    a1237b4568 [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#225ea8'>7</TD></TR><TR><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='#41b6c4'>5</TD><TD BGCOLOR='#1d91c0'>6</TD><TD BGCOLOR='#0c2c84'>8</TD></TR></TABLE>> shape=Msquare];

    a124xb3xxx [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='white'>X</TD></TR><TR><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];


    a124xb35xx [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='white'>X</TD></TR><TR><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#41b6c4'>5</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];
    a124xb356x [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='white'>X</TD></TR><TR><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#41b6c4'>5</TD><TD BGCOLOR='#1d91c0'>6</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];

    a1245b3xxx [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='#41b6c4'>5</TD></TR><TR><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];
    a1245b3678 [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='#41b6c4'>5</TD></TR><TR><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#1d91c0'>6</TD><TD BGCOLOR='#225ea8'>7</TD><TD BGCOLOR='#0c2c84'>8</TD></TR></TABLE>> shape=Msquare];

    a1246b35xx  [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='#1d91c0'>6</TD></TR><TR><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#41b6c4'>5</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];
    a1246b3578 [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='#1d91c0'>6</TD></TR><TR><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#41b6c4'>5</TD><TD BGCOLOR='#225ea8'>7</TD><TD BGCOLOR='#0c2c84'>8</TD></TR></TABLE>> shape=Msquare];

    a1247b3568 [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='#225ea8'>7</TD></TR><TR><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#41b6c4'>5</TD><TD BGCOLOR='#1d91c0'>6</TD><TD BGCOLOR='#0c2c84'>8</TD></TR></TABLE>> shape=Msquare];


    a125xb346x  [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#41b6c4'>5</TD><TD BGCOLOR='white'>X</TD></TR><TR><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='#1d91c0'>6</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];
    a125xb34xx [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#41b6c4'>5</TD><TD BGCOLOR='white'>X</TD></TR><TR><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];
    a1256b34xx [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#41b6c4'>5</TD><TD BGCOLOR='#1d91c0'>6</TD></TR><TR><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];
    a1256b3478 [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#41b6c4'>5</TD><TD BGCOLOR='#1d91c0'>6</TD></TR><TR><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='#225ea8'>7</TD><TD BGCOLOR='#0c2c84'>8</TD></TR></TABLE>> shape=Msquare];
    a1234b5678 [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#7fcdbb'>4</TD></TR><TR><TD BGCOLOR='#41b6c4'>5</TD><TD BGCOLOR='#1d91c0'>6</TD><TD BGCOLOR='#225ea8'>7</TD><TD BGCOLOR='#0c2c84'>8</TD></TR></TABLE>> shape=Msquare];
    a1257b3468 [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#41b6c4'>5</TD><TD BGCOLOR='#225ea8'>7</TD></TR><TR><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='#1d91c0'>6</TD><TD BGCOLOR='#0c2c84'>8</TD></TR></TABLE>> shape=Msquare];

    a12xxbxxxx -> {a123xbxxxx a12xxb3xxx};
    a12xxb3xxx -> {a124xb3xxx a12xxb34xx};
    a124xb3xxx -> {a1245b3xxx a124xb35xx};
    a12xxb34xx -> a125xb34xx
    a125xb34xx -> {a1256b34xx a125xb346x};
    a123xbxxxx -> {a1234bxxxx a123xb4xxx};
    a1234bxxxx -> a1234b5678
    a123xb4xxx -> {a1235b4xxx a123xb45xx}
    a1235b4xxx -> a1235b4678
    a123xb45xx -> {a1236b45xx a123xb456x}
    a1236b45xx -> a1236b4578
    a123xb456x -> a1237b4568
    a1245b3xxx -> a1245b3678
    a124xb35xx -> {a1246b35xx a124xb356x}
    a1246b35xx -> a1246b3578
    a124xb356x -> a1247b3568
    a1256b34xx -> a1256b3478
    a125xb346x -> a1257b3468
    label = "one way";
    fontsize = 20;

  }

  subgraph cluster_1 {
  a1xxxb2xxx [
  label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1">
   <TR>
   <TD BGCOLOR='#ffffd9'>1</TD>
     <TD BGCOLOR='white'>X</TD>
    <TD BGCOLOR='white'>X</TD>
    <TD BGCOLOR='white'>X</TD>
   </TR>
   <TR>
   <TD BGCOLOR='#edf8b1'>2</TD>
    <TD BGCOLOR='white'>X</TD>
    <TD BGCOLOR='white'>X</TD>
    <TD BGCOLOR='white'>X</TD>
   </TR></TABLE>>];
    label = "another way";
    fontsize = 20;
    color=blue
    node [shape=ellipse];

    a13xxb2xxx [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR><TR><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];
    a13xxb24xx [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR><TR><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];
    a134xb2xxx [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='white'>X</TD></TR><TR><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];
    a135xb24xx [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#41b6c4'>5</TD><TD BGCOLOR='white'>X</TD></TR><TR><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];

    a134xb25xx [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='white'>X</TD></TR><TR><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#41b6c4'>5</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];
    a1346b25xx  [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='#1d91c0'>6</TD></TR><TR><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#41b6c4'>5</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];
    a134xb256x  [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='white'>X</TD></TR><TR><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#41b6c4'>5</TD><TD BGCOLOR='#1d91c0'>6</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];
    a1345b2xxx [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='#41b6c4'>5</TD></TR><TR><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];
    a1356b24xx [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#41b6c4'>5</TD><TD BGCOLOR='#1d91c0'>6</TD></TR><TR><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='white'>X</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];
    a135xb246x [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#41b6c4'>5</TD><TD BGCOLOR='white'>X</TD></TR><TR><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='#1d91c0'>6</TD><TD BGCOLOR='white'>X</TD></TR></TABLE>>];

    a1345b2678 [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='#41b6c4'>5</TD></TR><TR><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#1d91c0'>6</TD><TD BGCOLOR='#225ea8'>7</TD><TD BGCOLOR='#0c2c84'>8</TD></TR></TABLE>> shape=Msquare];
    a1356b2478 [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#41b6c4'>5</TD><TD BGCOLOR='#1d91c0'>6</TD></TR><TR><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='#225ea8'>7</TD><TD BGCOLOR='#0c2c84'>8</TD></TR></TABLE>> shape=Msquare];
    a1357b2468 [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#41b6c4'>5</TD><TD BGCOLOR='#225ea8'>7</TD></TR><TR><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='#1d91c0'>6</TD><TD BGCOLOR='#0c2c84'>8</TD></TR></TABLE>> shape=Msquare];
    a1347b2568 [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='#225ea8'>7</TD></TR><TR><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#41b6c4'>5</TD><TD BGCOLOR='#1d91c0'>6</TD><TD BGCOLOR='#0c2c84'>8</TD></TR></TABLE>> shape=Msquare];
    a1346b2578 [label=<<TABLE COLOR='white' CELLPADDING="0" CELLSPACING="0" BORDER="1"><TR><TD BGCOLOR='#ffffd9'>1</TD><TD BGCOLOR='#c7e9b4'>3</TD><TD BGCOLOR='#7fcdbb'>4</TD><TD BGCOLOR='#1d91c0'>6</TD></TR><TR><TD BGCOLOR='#edf8b1'>2</TD><TD BGCOLOR='#41b6c4'>5</TD><TD BGCOLOR='#225ea8'>7</TD><TD BGCOLOR='#0c2c84'>8</TD></TR></TABLE>> shape=Msquare];

    a1xxxb2xxx -> a13xxb2xxx;
    a13xxb2xxx -> {a13xxb24xx a134xb2xxx};
    a13xxb24xx -> a135xb24xx;
    a134xb2xxx -> {a1345b2xxx a134xb25xx};
    a1345b2xxx -> a1345b2678;
    a134xb25xx -> {a1346b25xx a134xb256x}
    a1346b25xx -> a1346b2578
    a134xb256x -> a1347b2568
    a135xb24xx -> {a1356b24xx a135xb246x}
    a1356b24xx -> a1356b2478
    a135xb246x -> a1357b2468
  }


  start -> a12xxbxxxx;
  start -> a1xxxb2xxx;

  end [shape=Msquare];
}

And create the output with:
dot -Tpng gradual-grid.gv > gradual-grid.png

This gradual grid was inspired by one of the tasks in the "Counting Conundrums" workshop.

• https://www.mathematics.org.au/sys/public/talk.php?conf_id=51&talk=6177
• https://www.unsw.edu.au/science/our-schools/maths/engage-with-us/seminars/2022/interactive-workshops-girls-do-maths-day