examples/small-nodes.svg

<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='249' width='624' font-family='Menlo,Lucida Console,monospace'>
<style type="text/css">
svg {
   color: #000000;
}
@media (prefers-color-scheme: dark) {
   svg {
      color-scheme: dark; /* ask the browser for a dark background */
      color: #FFFFFF;
   }
}
</style>
<g transform='translate(8,16)'>
<path d='M 192,32 L 240,32' fill='none' stroke='currentColor'></path>
<path d='M 256,32 L 296,32' fill='none' stroke='currentColor'></path>
<path d='M 312,32 L 346,32' fill='none' stroke='currentColor'></path>
<path d='M 358,32 L 440,32' fill='none' stroke='currentColor'></path>
<path d='M 0,48 L 72,48' fill='none' stroke='currentColor'></path>
<path d='M 88,48 L 152,48' fill='none' stroke='currentColor'></path>
<path d='M 6,96 L 48,96' fill='none' stroke='currentColor'></path>
<path d='M 62,96 L 96,96' fill='none' stroke='currentColor'></path>
<path d='M 112,96 L 152,96' fill='none' stroke='currentColor'></path>
<path d='M 312,96 L 344,96' fill='none' stroke='currentColor'></path>
<path d='M 360,96 L 400,96' fill='none' stroke='currentColor'></path>
<path d='M 414,96 L 448,96' fill='none' stroke='currentColor'></path>
<path d='M 456,96 L 496,96' fill='none' stroke='currentColor'></path>
<path d='M 510,96 L 544,96' fill='none' stroke='currentColor'></path>
<path d='M 560,96 L 600,96' fill='none' stroke='currentColor'></path>
<path d='M 0,64 L 0,90' fill='none' stroke='currentColor'></path>
<path d='M 160,54 L 160,80' fill='none' stroke='currentColor'></path>
<path d='M 304,48 L 304,80' fill='none' stroke='currentColor'></path>
<path d='M 352,48 L 352,96' fill='none' stroke='currentColor'></path>
<path d='M 456,48 L 456,80' fill='none' stroke='currentColor'></path>
<path d='M 552,48 L 552,90' fill='none' stroke='currentColor'></path>
<path d='M 64,80 L 77,53' fill='none' stroke='currentColor'></path>
<path d='M 88,64 L 101,91' fill='none' stroke='currentColor'></path>
<polygon points='8.000000,64.000000 -4.000000,58.400002 -4.000000,69.599998' fill='currentColor' transform='rotate(270.000000, 0.000000, 64.000000)'></polygon>
<polygon points='48.000000,96.000000 36.000000,90.400002 36.000000,101.599998' fill='currentColor' transform='rotate(0.000000, 48.000000, 96.000000)'></polygon>
<polygon points='76.000000,80.000000 64.000000,74.400002 64.000000,85.599998' fill='currentColor' transform='rotate(120.000000, 64.000000, 80.000000)'></polygon>
<polygon points='72.000000,48.000000 60.000000,42.400002 60.000000,53.599998' fill='currentColor' transform='rotate(0.000000, 72.000000, 48.000000)'></polygon>
<polygon points='88.000000,48.000000 76.000000,42.400002 76.000000,53.599998' fill='currentColor' transform='rotate(180.000000, 88.000000, 48.000000)'></polygon>
<polygon points='100.000000,64.000000 88.000000,58.400002 88.000000,69.599998' fill='currentColor' transform='rotate(240.000000, 88.000000, 64.000000)'></polygon>
<polygon points='96.000000,96.000000 84.000000,90.400002 84.000000,101.599998' fill='currentColor' transform='rotate(0.000000, 96.000000, 96.000000)'></polygon>
<polygon points='112.000000,96.000000 100.000000,90.400002 100.000000,101.599998' fill='currentColor' transform='rotate(180.000000, 112.000000, 96.000000)'></polygon>
<polygon points='152.000000,48.000000 140.000000,42.400002 140.000000,53.599998' fill='currentColor' transform='rotate(0.000000, 152.000000, 48.000000)'></polygon>
<polygon points='152.000000,96.000000 140.000000,90.400002 140.000000,101.599998' fill='currentColor' transform='rotate(0.000000, 152.000000, 96.000000)'></polygon>
<polygon points='168.000000,80.000000 156.000000,74.400002 156.000000,85.599998' fill='currentColor' transform='rotate(90.000000, 160.000000, 80.000000)'></polygon>
<polygon points='240.000000,32.000000 228.000000,26.400000 228.000000,37.599998' fill='currentColor' transform='rotate(0.000000, 240.000000, 32.000000)'></polygon>
<polygon points='256.000000,32.000000 244.000000,26.400000 244.000000,37.599998' fill='currentColor' transform='rotate(180.000000, 256.000000, 32.000000)'></polygon>
<polygon points='296.000000,32.000000 284.000000,26.400000 284.000000,37.599998' fill='currentColor' transform='rotate(0.000000, 296.000000, 32.000000)'></polygon>
<polygon points='312.000000,48.000000 300.000000,42.400002 300.000000,53.599998' fill='currentColor' transform='rotate(270.000000, 304.000000, 48.000000)'></polygon>
<polygon points='312.000000,80.000000 300.000000,74.400002 300.000000,85.599998' fill='currentColor' transform='rotate(90.000000, 304.000000, 80.000000)'></polygon>
<polygon points='312.000000,32.000000 300.000000,26.400000 300.000000,37.599998' fill='currentColor' transform='rotate(180.000000, 312.000000, 32.000000)'></polygon>
<polygon points='312.000000,96.000000 300.000000,90.400002 300.000000,101.599998' fill='currentColor' transform='rotate(180.000000, 312.000000, 96.000000)'></polygon>
<polygon points='344.000000,96.000000 332.000000,90.400002 332.000000,101.599998' fill='currentColor' transform='rotate(0.000000, 344.000000, 96.000000)'></polygon>
<polygon points='360.000000,48.000000 348.000000,42.400002 348.000000,53.599998' fill='currentColor' transform='rotate(270.000000, 352.000000, 48.000000)'></polygon>
<polygon points='360.000000,96.000000 348.000000,90.400002 348.000000,101.599998' fill='currentColor' transform='rotate(180.000000, 360.000000, 96.000000)'></polygon>
<polygon points='400.000000,96.000000 388.000000,90.400002 388.000000,101.599998' fill='currentColor' transform='rotate(0.000000, 400.000000, 96.000000)'></polygon>
<polygon points='448.000000,96.000000 436.000000,90.400002 436.000000,101.599998' fill='currentColor' transform='rotate(0.000000, 448.000000, 96.000000)'></polygon>
<polygon points='464.000000,80.000000 452.000000,74.400002 452.000000,85.599998' fill='currentColor' transform='rotate(90.000000, 456.000000, 80.000000)'></polygon>
<polygon points='496.000000,96.000000 484.000000,90.400002 484.000000,101.599998' fill='currentColor' transform='rotate(0.000000, 496.000000, 96.000000)'></polygon>
<polygon points='544.000000,96.000000 532.000000,90.400002 532.000000,101.599998' fill='currentColor' transform='rotate(0.000000, 544.000000, 96.000000)'></polygon>
<polygon points='560.000000,48.000000 548.000000,42.400002 548.000000,53.599998' fill='currentColor' transform='rotate(270.000000, 552.000000, 48.000000)'></polygon>
<polygon points='560.000000,96.000000 548.000000,90.400002 548.000000,101.599998' fill='currentColor' transform='rotate(180.000000, 560.000000, 96.000000)'></polygon>
<polygon points='600.000000,96.000000 588.000000,90.400002 588.000000,101.599998' fill='currentColor' transform='rotate(0.000000, 600.000000, 96.000000)'></polygon>
<path d='M 440,32 A 16,16 0 0,1 456,48' fill='none' stroke='currentColor'></path>
<circle cx='0' cy='48' r='6' stroke='currentColor' fill='currentColor'></circle>
<circle cx='0' cy='96' r='6' stroke='currentColor' fill='none'></circle>
<circle cx='56' cy='96' r='6' stroke='currentColor' fill='none'></circle>
<circle cx='80' cy='48' r='6' stroke='currentColor' fill='none'></circle>
<circle cx='104' cy='96' r='6' stroke='currentColor' fill='none'></circle>
<circle cx='160' cy='48' r='6' stroke='currentColor' fill='none'></circle>
<circle cx='160' cy='96' r='6' stroke='currentColor' fill='currentColor'></circle>
<circle cx='192' cy='32' r='6' stroke='currentColor' fill='currentColor'></circle>
<circle cx='248' cy='32' r='6' stroke='currentColor' fill='none'></circle>
<circle cx='304' cy='32' r='6' stroke='currentColor' fill='none'></circle>
<circle cx='304' cy='96' r='6' stroke='currentColor' fill='none'></circle>
<circle cx='352' cy='32' r='6' stroke='currentColor' fill='none'></circle>
<circle cx='352' cy='96' r='6' stroke='currentColor' fill='currentColor'></circle>
<circle cx='408' cy='96' r='6' stroke='currentColor' fill='none'></circle>
<circle cx='456' cy='96' r='6' stroke='currentColor' fill='currentColor'></circle>
<circle cx='504' cy='96' r='6' stroke='currentColor' fill='none'></circle>
<circle cx='552' cy='32' r='6' stroke='currentColor' fill='none'></circle>
<circle cx='552' cy='96' r='6' stroke='currentColor' fill='none'></circle>
<circle cx='608' cy='96' r='6' stroke='currentColor' fill='currentColor'></circle>
<style>
  text {
       text-anchor: middle;
       font-family: "Menlo","Lucida Console","monospace";
       fill: currentColor;
       font-size: 1em;
  }
</style>
<text x='192' y='20'>A</text>
<text x='248' y='20'>1</text>
<text x='304' y='20'>2</text>
<text x='352' y='20'>4</text>
<text x='552' y='20'>8</text>
<text x='0' y='36'>A</text>
<text x='80' y='36'>B</text>
<text x='160' y='36'>C</text>
<text x='0' y='116'>D</text>
<text x='56' y='116'>E</text>
<text x='104' y='116'>F</text>
<text x='160' y='116'>G</text>
<text x='304' y='116'>3</text>
<text x='352' y='116'>B</text>
<text x='408' y='116'>5</text>
<text x='456' y='116'>C</text>
<text x='504' y='116'>6</text>
<text x='552' y='116'>7</text>
<text x='608' y='116'>D</text>
</g>
</svg>