packing-106.svg

<svg height="440" width="400">
  <circle cx="20"    cy="20"  r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="20"    cy="60"  r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="20"    cy="100" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="20"    cy="140" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="20"    cy="180" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="20"    cy="220" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="20"    cy="260" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="20"    cy="300" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="20"    cy="340" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="20"    cy="380" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="54.5"  cy="40"  r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="54.5"  cy="80"  r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="54.5"  cy="120" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="54.5"  cy="160" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="54.5"  cy="200" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="54.5"  cy="240" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="54.5"  cy="280" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="54.5"  cy="320" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="54.5"  cy="360" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="89"    cy="20"  r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="89"    cy="60"  r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="89"    cy="100" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="89"    cy="140" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="89"    cy="180" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="89"    cy="220" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="89"    cy="260" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="89"    cy="300" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="89"    cy="340" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="89"    cy="380" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="123.5" cy="40"  r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="123.5" cy="80"  r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="123.5" cy="120" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="123.5" cy="160" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="123.5" cy="200" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="123.5" cy="240" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="123.5" cy="280" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="123.5" cy="320" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="123.5" cy="360" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="158"   cy="20"  r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="158"   cy="60"  r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="158"   cy="100" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="158"   cy="140" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="158"   cy="180" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="158"   cy="220" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="158"   cy="260" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="158"   cy="300" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="158"   cy="340" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="158"   cy="380" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="198"   cy="20"  r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="198"   cy="60"  r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="198"   cy="100" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="198"   cy="140" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="198"   cy="180" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="198"   cy="220" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="198"   cy="260" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="198"   cy="300" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="198"   cy="340" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="198"   cy="380" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="238"   cy="20"  r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="238"   cy="60"  r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="238"   cy="100" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="238"   cy="140" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="238"   cy="180" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="238"   cy="220" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="238"   cy="260" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="238"   cy="300" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="238"   cy="340" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="238"   cy="380" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="272.5" cy="40"  r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="272.5" cy="80"  r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="272.5" cy="120" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="272.5" cy="160" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="272.5" cy="200" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="272.5" cy="240" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="272.5" cy="280" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="272.5" cy="320" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="272.5" cy="360" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="307"   cy="20"  r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="307"   cy="60"  r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="307"   cy="100" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="307"   cy="140" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="307"   cy="180" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="307"   cy="220" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="307"   cy="260" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="307"   cy="300" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="307"   cy="340" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="307"   cy="380" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="341.5" cy="40"  r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="341.5" cy="80"  r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="341.5" cy="120" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="341.5" cy="160" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="341.5" cy="200" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="341.5" cy="240" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="341.5" cy="280" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="341.5" cy="320" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="341.5" cy="360" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="376"   cy="20"  r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="376"   cy="60"  r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="376"   cy="100" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="376"   cy="140" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="376"   cy="180" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="376"   cy="220" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="376"   cy="260" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="376"   cy="300" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="376"   cy="340" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <circle cx="376"   cy="380" r="18.5" stroke="black" fill="white" stroke-width="3" />
  <polygon points="20,380 54.5,360 54.5,380" stroke="red" fill="transparent" stroke-width="1" />
  <circle cx="54.5"  cy="360" r="2" stroke="red" fill="red" stroke-width="1" />
  <circle cx="20"    cy="380" r="2" stroke="red" fill="red" stroke-width="1" />
  <circle cx="54.5"  cy="380" r="2" stroke="red" fill="red" stroke-width="1" />
  <circle cx="89"    cy="380" r="2" stroke="red" fill="red" stroke-width="1" />
  <circle cx="158"   cy="380" r="2" stroke="red" fill="red" stroke-width="1" />
  <circle cx="238"   cy="380" r="2" stroke="red" fill="red" stroke-width="1" />
  <circle cx="307"   cy="380" r="2" stroke="red" fill="red" stroke-width="1" />
  <circle cx="376"   cy="380" r="2" stroke="red" fill="red" stroke-width="1" />
  <text x="50.5" y="357" fill="red">b</text>
  <text x="58.5" y="360" fill="red" font-size="8">2</text>
  <text x="16"   y="391" fill="red">a</text>
  <text x="24"   y="394" fill="red" font-size="8">1</text>
  <text x="50.5" y="391" fill="red">a</text>
  <text x="58.5" y="394" fill="red" font-size="8">2</text>
  <text x="85"   y="391" fill="red">a</text>
  <text x="93"   y="394" fill="red" font-size="8">3</text>
  <text x="154"  y="391" fill="red">a</text>
  <text x="162"  y="394" fill="red" font-size="8">5</text>
  <text x="234"  y="391" fill="red">a</text>
  <text x="242"  y="394" fill="red" font-size="8">7</text>
  <text x="303"  y="391" fill="red">a</text>
  <text x="311"  y="394" fill="red" font-size="8">9</text>
  <text x="372"  y="391" fill="red">a</text>
  <text x="380"  y="394" fill="red" font-size="8">11</text>
  <circle cx="20"  cy="420" r="18.5" stroke="#ddd" fill="white" stroke-width="3" />
  <circle cx="60"  cy="420" r="18.5" stroke="#ddd" fill="white" stroke-width="3" />
  <circle cx="100" cy="420" r="18.5" stroke="#ddd" fill="white" stroke-width="3" />
  <circle cx="140" cy="420" r="18.5" stroke="#ddd" fill="white" stroke-width="3" />
  <circle cx="180" cy="420" r="18.5" stroke="#ddd" fill="white" stroke-width="3" />
  <circle cx="220" cy="420" r="18.5" stroke="#ddd" fill="white" stroke-width="3" />
  <circle cx="260" cy="420" r="18.5" stroke="#ddd" fill="white" stroke-width="3" />
  <circle cx="300" cy="420" r="18.5" stroke="#ddd" fill="white" stroke-width="3" />
  <circle cx="340" cy="420" r="18.5" stroke="#ddd" fill="white" stroke-width="3" />
  <circle cx="380" cy="420" r="18.5" stroke="#ddd" fill="white" stroke-width="3" />
</svg>