examples/large-nodes.svg

<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='153' width='752' font-family='Menlo,Lucida Console,monospace'>
<style type="text/css">
svg {
   color: #000000;
}
@media (prefers-color-scheme: dark) {
   svg {
      color: #FFFFFF;
   }
}
</style>
<g transform='translate(8,16)'>
<path d='M 24,16 L 56,16' fill='none' stroke='currentColor'></path>
<path d='M 56,32 L 104,32' fill='none' stroke='currentColor'></path>
<path d='M 152,32 L 192,32' fill='none' stroke='currentColor'></path>
<path d='M 240,32 L 280,32' fill='none' stroke='currentColor'></path>
<path d='M 312,32 L 456,32' fill='none' stroke='currentColor'></path>
<path d='M 24,48 L 56,48' fill='none' stroke='currentColor'></path>
<path d='M 280,96 L 296,96' fill='none' stroke='currentColor'></path>
<path d='M 296,96 L 312,96' fill='none' stroke='currentColor'></path>
<path d='M 456,96 L 472,96' fill='none' stroke='currentColor'></path>
<path d='M 472,96 L 488,96' fill='none' stroke='currentColor'></path>
<path d='M 704,96 L 736,96' fill='none' stroke='currentColor'></path>
<path d='M 232,112 L 272,112' fill='none' stroke='currentColor'></path>
<path d='M 320,112 L 368,112' fill='none' stroke='currentColor'></path>
<path d='M 408,112 L 448,112' fill='none' stroke='currentColor'></path>
<path d='M 488,112 L 528,112' fill='none' stroke='currentColor'></path>
<path d='M 568,112 L 608,112' fill='none' stroke='currentColor'></path>
<path d='M 656,112 L 696,112' fill='none' stroke='currentColor'></path>
<path d='M 280,128 L 312,128' fill='none' stroke='currentColor'></path>
<path d='M 456,128 L 488,128' fill='none' stroke='currentColor'></path>
<path d='M 704,128 L 736,128' fill='none' stroke='currentColor'></path>
<path d='M 24,16 L 24,48' fill='none' stroke='currentColor'></path>
<path d='M 56,16 L 56,32' fill='none' stroke='currentColor'></path>
<path d='M 56,32 L 56,48' fill='none' stroke='currentColor'></path>
<path d='M 216,48 L 216,80' fill='none' stroke='currentColor'></path>
<path d='M 280,96 L 280,128' fill='none' stroke='currentColor'></path>
<path d='M 296,64 L 296,96' fill='none' stroke='currentColor'></path>
<path d='M 312,96 L 312,128' fill='none' stroke='currentColor'></path>
<path d='M 456,96 L 456,128' fill='none' stroke='currentColor'></path>
<path d='M 472,48 L 472,80' fill='none' stroke='currentColor'></path>
<path d='M 472,80 L 472,96' fill='none' stroke='currentColor'></path>
<path d='M 488,96 L 488,112' fill='none' stroke='currentColor'></path>
<path d='M 488,112 L 488,128' fill='none' stroke='currentColor'></path>
<path d='M 632,64 L 632,96' fill='none' stroke='currentColor'></path>
<path d='M 704,96 L 704,128' fill='none' stroke='currentColor'></path>
<path d='M 736,96 L 736,128' fill='none' stroke='currentColor'></path>
<polygon points='112.000000,32.000000 100.000000,26.400000 100.000000,37.599998' fill='currentColor' transform='rotate(0.000000, 104.000000, 32.000000)'></polygon>
<polygon points='160.000000,32.000000 148.000000,26.400000 148.000000,37.599998' fill='currentColor' transform='rotate(180.000000, 152.000000, 32.000000)'></polygon>
<polygon points='200.000000,32.000000 188.000000,26.400000 188.000000,37.599998' fill='currentColor' transform='rotate(0.000000, 192.000000, 32.000000)'></polygon>
<path d='M 216,80 L 216,88' fill='none' stroke='currentColor'></path>
<polygon points='232.000000,80.000000 220.000000,74.400002 220.000000,85.599998' fill='currentColor' transform='rotate(90.000000, 216.000000, 80.000000)'></polygon>
<polygon points='248.000000,32.000000 236.000000,26.400000 236.000000,37.599998' fill='currentColor' transform='rotate(180.000000, 240.000000, 32.000000)'></polygon>
<polygon points='280.000000,112.000000 268.000000,106.400002 268.000000,117.599998' fill='currentColor' transform='rotate(0.000000, 272.000000, 112.000000)'></polygon>
<path d='M 296,56 L 296,64' fill='none' stroke='currentColor'></path>
<polygon points='312.000000,64.000000 300.000000,58.400002 300.000000,69.599998' fill='currentColor' transform='rotate(270.000000, 296.000000, 64.000000)'></polygon>
<polygon points='328.000000,112.000000 316.000000,106.400002 316.000000,117.599998' fill='currentColor' transform='rotate(180.000000, 320.000000, 112.000000)'></polygon>
<polygon points='376.000000,112.000000 364.000000,106.400002 364.000000,117.599998' fill='currentColor' transform='rotate(0.000000, 368.000000, 112.000000)'></polygon>
<polygon points='456.000000,112.000000 444.000000,106.400002 444.000000,117.599998' fill='currentColor' transform='rotate(0.000000, 448.000000, 112.000000)'></polygon>
<path d='M 472,80 L 472,88' fill='none' stroke='currentColor'></path>
<polygon points='488.000000,80.000000 476.000000,74.400002 476.000000,85.599998' fill='currentColor' transform='rotate(90.000000, 472.000000, 80.000000)'></polygon>
<polygon points='536.000000,112.000000 524.000000,106.400002 524.000000,117.599998' fill='currentColor' transform='rotate(0.000000, 528.000000, 112.000000)'></polygon>
<polygon points='616.000000,112.000000 604.000000,106.400002 604.000000,117.599998' fill='currentColor' transform='rotate(0.000000, 608.000000, 112.000000)'></polygon>
<path d='M 632,56 L 632,64' fill='none' stroke='currentColor'></path>
<polygon points='648.000000,64.000000 636.000000,58.400002 636.000000,69.599998' fill='currentColor' transform='rotate(270.000000, 632.000000, 64.000000)'></polygon>
<polygon points='664.000000,112.000000 652.000000,106.400002 652.000000,117.599998' fill='currentColor' transform='rotate(180.000000, 656.000000, 112.000000)'></polygon>
<polygon points='704.000000,112.000000 692.000000,106.400002 692.000000,117.599998' fill='currentColor' transform='rotate(0.000000, 696.000000, 112.000000)'></polygon>
<path d='M 128,16 A 16,16 0 0,0 112,32' fill='none' stroke='currentColor'></path>
<path d='M 128,16 A 16,16 0 0,1 144,32' fill='none' stroke='currentColor'></path>
<path d='M 216,16 A 16,16 0 0,0 200,32' fill='none' stroke='currentColor'></path>
<path d='M 216,16 A 16,16 0 0,1 232,32' fill='none' stroke='currentColor'></path>
<path d='M 296,16 A 16,16 0 0,0 280,32' fill='none' stroke='currentColor'></path>
<path d='M 296,16 A 16,16 0 0,1 312,32' fill='none' stroke='currentColor'></path>
<path d='M 632,16 A 16,16 0 0,0 616,32' fill='none' stroke='currentColor'></path>
<path d='M 632,16 A 16,16 0 0,1 648,32' fill='none' stroke='currentColor'></path>
<path d='M 456,32 A 16,16 0 0,1 472,48' fill='none' stroke='currentColor'></path>
<path d='M 112,32 A 16,16 0 0,0 128,48' fill='none' stroke='currentColor'></path>
<path d='M 144,32 A 16,16 0 0,1 128,48' fill='none' stroke='currentColor'></path>
<path d='M 200,32 A 16,16 0 0,0 216,48' fill='none' stroke='currentColor'></path>
<path d='M 232,32 A 16,16 0 0,1 216,48' fill='none' stroke='currentColor'></path>
<path d='M 280,32 A 16,16 0 0,0 296,48' fill='none' stroke='currentColor'></path>
<path d='M 312,32 A 16,16 0 0,1 296,48' fill='none' stroke='currentColor'></path>
<path d='M 616,32 A 16,16 0 0,0 632,48' fill='none' stroke='currentColor'></path>
<path d='M 648,32 A 16,16 0 0,1 632,48' fill='none' stroke='currentColor'></path>
<path d='M 216,96 A 16,16 0 0,0 200,112' fill='none' stroke='currentColor'></path>
<path d='M 216,96 A 16,16 0 0,1 232,112' fill='none' stroke='currentColor'></path>
<path d='M 392,96 A 16,16 0 0,0 376,112' fill='none' stroke='currentColor'></path>
<path d='M 392,96 A 16,16 0 0,1 408,112' fill='none' stroke='currentColor'></path>
<path d='M 552,96 A 16,16 0 0,0 536,112' fill='none' stroke='currentColor'></path>
<path d='M 552,96 A 16,16 0 0,1 568,112' fill='none' stroke='currentColor'></path>
<path d='M 632,96 A 16,16 0 0,0 616,112' fill='none' stroke='currentColor'></path>
<path d='M 632,96 A 16,16 0 0,1 648,112' fill='none' stroke='currentColor'></path>
<path d='M 200,112 A 16,16 0 0,0 216,128' fill='none' stroke='currentColor'></path>
<path d='M 232,112 A 16,16 0 0,1 216,128' fill='none' stroke='currentColor'></path>
<path d='M 376,112 A 16,16 0 0,0 392,128' fill='none' stroke='currentColor'></path>
<path d='M 408,112 A 16,16 0 0,1 392,128' fill='none' stroke='currentColor'></path>
<path d='M 536,112 A 16,16 0 0,0 552,128' fill='none' stroke='currentColor'></path>
<path d='M 568,112 A 16,16 0 0,1 552,128' fill='none' stroke='currentColor'></path>
<path d='M 616,112 A 16,16 0 0,0 632,128' fill='none' stroke='currentColor'></path>
<path d='M 648,112 A 16,16 0 0,1 632,128' fill='none' stroke='currentColor'></path>
<style>
  text {
       text-anchor: middle;
       font-family: "Menlo","Lucida Console","monospace";
       fill: currentColor;
       font-size: 1em;
  }
</style>
<text x='40' y='36'>A</text>
<text x='128' y='36'>1</text>
<text x='216' y='36'>2</text>
<text x='296' y='36'>4</text>
<text x='632' y='36'>8</text>
<text x='216' y='116'>3</text>
<text x='296' y='116'>B</text>
<text x='392' y='116'>5</text>
<text x='472' y='116'>C</text>
<text x='552' y='116'>6</text>
<text x='632' y='116'>7</text>
<text x='720' y='116'>D</text>
</g>
</svg>