images/ch08/u08-01.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="237.21" height="179.74" viewBox="0 0 237.21 179.74">
  <defs>
    <style>
      .cls-1, .cls-3 {
        fill: #f0f0f0;
      }

      .cls-11, .cls-2, .cls-4, .cls-6 {
        fill: none;
      }

      .cls-2, .cls-3 {
        stroke: #4d4d4d;
        stroke-miterlimit: 10;
      }

      .cls-11, .cls-13, .cls-14, .cls-19, .cls-2, .cls-3, .cls-4 {
        stroke-width: 0.5px;
      }

      .cls-11, .cls-12, .cls-13, .cls-14, .cls-19, .cls-4 {
        stroke: #000;
      }

      .cls-5 {
        fill: #fef0e8;
      }

      .cls-6 {
        stroke: #e60001;
      }

      .cls-11, .cls-12, .cls-13, .cls-14, .cls-6 {
        stroke-linejoin: round;
      }

      .cls-20, .cls-7 {
        font-size: 7px;
      }

      .cls-7 {
        font-family: ArialMT, Arial;
      }

      .cls-13, .cls-19, .cls-8 {
        fill: #fff;
      }

      .cls-9 {
        fill: url(#linear-gradient);
      }

      .cls-10, .cls-14 {
        fill: #b3e2ee;
      }

      .cls-12 {
        fill: #f0f9fc;
        stroke-width: 0.3px;
      }

      .cls-15 {
        fill: url(#linear-gradient-2);
      }

      .cls-16 {
        fill: url(#linear-gradient-3);
      }

      .cls-17 {
        fill: url(#linear-gradient-4);
      }

      .cls-18 {
        fill: url(#linear-gradient-5);
      }

      .cls-19 {
        stroke-dasharray: 2 1;
      }

      .cls-20 {
        font-family: FreeMono;font-phase: bold;
      }
    </style>
    <linearGradient id="linear-gradient" x1="257.36" y1="776.57" x2="298.15" y2="776.57" gradientTransform="translate(835.81 -344.16) rotate(68.86)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#cbd8e2"/>
      <stop offset="1" stop-color="#9aa5b5"/>
    </linearGradient>
    <linearGradient id="linear-gradient-2" x1="344.01" y1="768.82" x2="384.8" y2="768.82" xlink:href="#linear-gradient"/>
    <linearGradient id="linear-gradient-3" x1="311.26" y1="622.53" x2="352.05" y2="622.53" xlink:href="#linear-gradient"/>
    <linearGradient id="linear-gradient-4" x1="252.73" y1="690.63" x2="293.53" y2="690.63" xlink:href="#linear-gradient"/>
    <linearGradient id="linear-gradient-5" x1="366.63" y1="682.38" x2="407.43" y2="682.38" xlink:href="#linear-gradient"/>
  </defs>
  <g id="Layer_2" data-name="Layer 2">
    <path class="cls-1" d="M183.05,196.25c-13.3-8.05-6.79-28.66,11.2-26.95-1.75-22.4,27.3-32.55,39.9-21.35,3.85-18.2,27.64-29,46.26-15.53,4-7.39,18.31-8.84,22.42-.3,7.88-5,23-6.88,30.86,9.34,12.87-12.71,26.27-7.76,32.41,5.44,9.1-4.55,23.18.53,23.45,17.85,14.35,0,25,23.28,11.37,38.68l.35.17c7.35,6.83,10.5,13.57,6.83,29.32-2.62,11.22-15,19.16-20.65,17.67,4.37,6,7,32-22.93,27.74h0c-1.84,17.59-22.84,18.9-30.19,14.17-11.28,18.2-37.88,12.6-42.43,4.2-11.2,15.4-40.6,8.75-44.45-5.6-9.45,12.95-32.55,4.55-32.55-8.4-6.65.35-18.9-7.7-13.65-18.2-19.6,2.8-31.5-22.13-20.39-37C172.37,223.29,167.73,203,183.05,196.25Z" transform="translate(-172.61 -126.03)"/>
    <path class="cls-2" d="M233.62,147.43c-12.6-10-41.12-.53-39.37,21.87-18-1.71-24.5,18.9-11.2,26.95-6.92,1.67-17.68,17.42-2.45,31.33" transform="translate(-172.61 -126.03)"/>
    <path class="cls-2" d="M400.92,203.43h0c7.35,6.82,10.85,13.74,7.18,29.49-2.62,11.22-15,19.16-20.65,17.67,4.37,6,7,32-22.93,27.74h0c-1.84,17.59-22.84,18.9-30.19,14.17-11.28,18.2-37.88,12.6-42.43,4.2-11.2,15.4-40.6,8.75-44.45-5.6-9.45,12.95-32.55,4.55-32.55-8.4-6.65.35-18.9-7.7-13.65-18.2-19.6,2.8-34.57-23.53-16.45-41.65" transform="translate(-172.61 -126.03)"/>
    <path class="cls-3" d="M233.1,154.25c1.75-25.2,28.69-35.26,47.31-21.83,4-7.39,18.31-8.84,22.42-.3,7.88-5,23-6.88,30.86,9.34C346,129,360,133.7,366.1,146.9c9.1-4.55,23.18.53,23.45,17.85,15.75.35,29.05,28.35,3.67,45" transform="translate(-172.61 -126.03)"/>
    <path d="M320.39,254c-.63-.76-1-1.32-1.47-2l-1.6,2.43a22.57,22.57,0,0,1,2.42.56,16.7,16.7,0,0,1,2.45.9A17.15,17.15,0,0,1,320.39,254Z" transform="translate(-172.61 -126.03)"/>
    <line class="cls-4" x1="48.18" y1="62.26" x2="146.14" y2="127.61"/>
    <path d="M270.37,151.94a24.05,24.05,0,0,1-2.42.56l1.59,2.43a21.19,21.19,0,0,1,1.48-2,17.17,17.17,0,0,1,1.8-1.89A17.64,17.64,0,0,1,270.37,151.94Z" transform="translate(-172.61 -126.03)"/>
    <line class="cls-4" x1="46.37" y1="59.79" x2="96.77" y2="27.28"/>
    <path d="M244.65,252.43a24.7,24.7,0,0,1-.56-2.42l-2.43,1.59a20.48,20.48,0,0,1,2,1.48,16.9,16.9,0,0,1,1.88,1.8A18.14,18.14,0,0,1,244.65,252.43Z" transform="translate(-172.61 -126.03)"/>
    <line class="cls-4" x1="38.54" y1="75.54" x2="70.68" y2="125.41"/>
    <path d="M252.84,252.83a21.45,21.45,0,0,1,1.72-1.79l-2.66-1.17a22.22,22.22,0,0,1-.15,2.48,17.41,17.41,0,0,1-.48,2.56A16.56,16.56,0,0,1,252.84,252.83Z" transform="translate(-172.61 -126.03)"/>
    <line class="cls-4" x1="118.17" y1="40.38" x2="80.32" y2="125.12"/>
    <line class="cls-4" x1="85.89" y1="141.97" x2="153.39" y2="134.47"/>
    <line class="cls-4" x1="162.89" y1="121.97" x2="200.26" y2="71.37"/>
    <g>
      <rect class="cls-5" x="65.7" y="70.51" width="24.03" height="13.79" rx="2"/>
      <rect class="cls-6" x="65.7" y="70.51" width="24.03" height="13.79" rx="2"/>
    </g>
    <text class="cls-7" transform="translate(73.82 80.01)">Tx</text>
    <g>
      <rect class="cls-5" x="42.87" y="94.68" width="24.03" height="13.79" rx="2"/>
      <rect class="cls-6" x="42.87" y="94.68" width="24.03" height="13.79" rx="2"/>
    </g>
    <text class="cls-7" transform="translate(50.99 104.18)">Tx</text>
    <g>
      <rect class="cls-5" x="61.62" y="32.68" width="24.03" height="13.79" rx="2"/>
      <rect class="cls-6" x="61.62" y="32.68" width="24.03" height="13.79" rx="2"/>
    </g>
    <text class="cls-7" transform="translate(69.74 42.18)">Tx</text>
    <path d="M355.9,182.07c-.71-.69-1.13-1.22-1.67-1.84l-1.35,2.57a21.34,21.34,0,0,1,2.46.32,17.14,17.14,0,0,1,2.53.66A16.16,16.16,0,0,1,355.9,182.07Z" transform="translate(-172.61 -126.03)"/>
    <line class="cls-4" x1="127.32" y1="26.85" x2="181.62" y2="55.84"/>
    <g>
      <path class="cls-8" d="M224.08,177.13H195.42a.44.44,0,0,0-.44.44v24.35a.45.45,0,0,0,.44.45h28.66a.45.45,0,0,0,.44-.45V177.57A.44.44,0,0,0,224.08,177.13Z" transform="translate(-172.61 -126.03)"/>
      <path class="cls-9" d="M224.52,201.92a.45.45,0,0,1-.44.45H195.42a.45.45,0,0,1-.44-.45V178.09a.44.44,0,0,1,.44-.44h28.66a.44.44,0,0,1,.44.44Z" transform="translate(-172.61 -126.03)"/>
      <path class="cls-10" d="M224.52,201.92a.45.45,0,0,1-.44.45H195.42a.45.45,0,0,1-.44-.45V178.09a.44.44,0,0,1,.44-.44h28.66a.44.44,0,0,1,.44.44Z" transform="translate(-172.61 -126.03)"/>
      <path class="cls-11" d="M224.08,177.13H195.42a.44.44,0,0,0-.44.44v24.35a.45.45,0,0,0,.44.45h28.66a.45.45,0,0,0,.44-.45V177.57A.44.44,0,0,0,224.08,177.13Z" transform="translate(-172.61 -126.03)"/>
      <rect class="cls-12" x="24.09" y="53.07" width="26.11" height="20.09"/>
      <polyline class="cls-13" points="56.45 75.7 51.78 74.66 22.38 74.66 17.84 75.7"/>
      <path class="cls-14" d="M190.44,201.72s.87,1.93,1.88,1.93h34.86c.92,0,1.88-1.93,1.88-1.93Z" transform="translate(-172.61 -126.03)"/>
    </g>
    <g>
      <path class="cls-8" d="M262.57,255.15H233.91a.44.44,0,0,0-.44.44v24.35a.45.45,0,0,0,.44.45h28.66a.44.44,0,0,0,.43-.45V255.59A.44.44,0,0,0,262.57,255.15Z" transform="translate(-172.61 -126.03)"/>
      <path class="cls-15" d="M263,279.94a.44.44,0,0,1-.43.45H233.91a.45.45,0,0,1-.44-.45V256.11a.44.44,0,0,1,.44-.44h28.66a.43.43,0,0,1,.43.44Z" transform="translate(-172.61 -126.03)"/>
      <path class="cls-10" d="M263,279.94a.44.44,0,0,1-.43.45H233.91a.45.45,0,0,1-.44-.45V256.11a.44.44,0,0,1,.44-.44h28.66a.43.43,0,0,1,.43.44Z" transform="translate(-172.61 -126.03)"/>
      <path class="cls-11" d="M262.57,255.15H233.91a.44.44,0,0,0-.44.44v24.35a.45.45,0,0,0,.44.45h28.66a.44.44,0,0,0,.43-.45V255.59A.44.44,0,0,0,262.57,255.15Z" transform="translate(-172.61 -126.03)"/>
      <rect class="cls-12" x="62.57" y="131.09" width="26.11" height="20.09"/>
      <polyline class="cls-13" points="94.94 153.72 90.27 152.68 60.87 152.68 56.33 153.72"/>
      <path class="cls-14" d="M228.93,279.74s.87,1.93,1.87,1.93h34.87c.92,0,1.88-1.93,1.88-1.93Z" transform="translate(-172.61 -126.03)"/>
    </g>
    <g>
      <path class="cls-8" d="M387.19,171.84H358.54a.44.44,0,0,0-.44.44v24.35a.45.45,0,0,0,.44.45h28.65a.45.45,0,0,0,.44-.45V172.28A.44.44,0,0,0,387.19,171.84Z" transform="translate(-172.61 -126.03)"/>
      <path class="cls-16" d="M387.63,196.63a.45.45,0,0,1-.44.45H358.54a.45.45,0,0,1-.44-.45V172.8a.44.44,0,0,1,.44-.44h28.65a.43.43,0,0,1,.44.44Z" transform="translate(-172.61 -126.03)"/>
      <path class="cls-10" d="M387.63,196.63a.45.45,0,0,1-.44.45H358.54a.45.45,0,0,1-.44-.45V172.8a.44.44,0,0,1,.44-.44h28.65a.43.43,0,0,1,.44.44Z" transform="translate(-172.61 -126.03)"/>
      <path class="cls-11" d="M387.19,171.84H358.54a.44.44,0,0,0-.44.44v24.35a.45.45,0,0,0,.44.45h28.65a.45.45,0,0,0,.44-.45V172.28A.44.44,0,0,0,387.19,171.84Z" transform="translate(-172.61 -126.03)"/>
      <rect class="cls-12" x="187.2" y="47.78" width="26.12" height="20.09"/>
      <polyline class="cls-13" points="219.56 70.41 214.9 69.37 185.5 69.37 180.96 70.41"/>
      <path class="cls-14" d="M353.55,196.43s.88,1.93,1.88,1.93H390.3c.92,0,1.88-1.93,1.88-1.93Z" transform="translate(-172.61 -126.03)"/>
    </g>
    <g>
      <path class="cls-8" d="M302.57,141.82H273.91a.44.44,0,0,0-.44.43v24.36a.45.45,0,0,0,.44.45h28.66a.44.44,0,0,0,.43-.45V142.25A.43.43,0,0,0,302.57,141.82Z" transform="translate(-172.61 -126.03)"/>
      <path class="cls-17" d="M303,166.61a.44.44,0,0,1-.43.45H273.91a.45.45,0,0,1-.44-.45V142.77a.44.44,0,0,1,.44-.44h28.66a.44.44,0,0,1,.43.44Z" transform="translate(-172.61 -126.03)"/>
      <path class="cls-10" d="M303,166.61a.44.44,0,0,1-.43.45H273.91a.45.45,0,0,1-.44-.45V142.77a.44.44,0,0,1,.44-.44h28.66a.44.44,0,0,1,.43.44Z" transform="translate(-172.61 -126.03)"/>
      <path class="cls-11" d="M302.57,141.82H273.91a.44.44,0,0,0-.44.43v24.36a.45.45,0,0,0,.44.45h28.66a.44.44,0,0,0,.43-.45V142.25A.43.43,0,0,0,302.57,141.82Z" transform="translate(-172.61 -126.03)"/>
      <rect class="cls-12" x="102.57" y="17.76" width="26.12" height="20.09"/>
      <polyline class="cls-13" points="134.94 40.38 130.27 39.35 100.87 39.35 96.33 40.38"/>
      <path class="cls-14" d="M268.93,166.41s.87,1.92,1.87,1.92h34.87c.92,0,1.88-1.92,1.88-1.92Z" transform="translate(-172.61 -126.03)"/>
    </g>
    <g>
      <path class="cls-8" d="M351.35,245.07H322.69a.44.44,0,0,0-.43.44v24.36a.44.44,0,0,0,.43.44h28.66a.44.44,0,0,0,.44-.44V245.51A.44.44,0,0,0,351.35,245.07Z" transform="translate(-172.61 -126.03)"/>
      <path class="cls-18" d="M351.79,269.87a.44.44,0,0,1-.44.44H322.69a.44.44,0,0,1-.43-.44V246a.44.44,0,0,1,.43-.44h28.66a.44.44,0,0,1,.44.44Z" transform="translate(-172.61 -126.03)"/>
      <path class="cls-10" d="M351.79,269.87a.44.44,0,0,1-.44.44H322.69a.44.44,0,0,1-.43-.44V246a.44.44,0,0,1,.43-.44h28.66a.44.44,0,0,1,.44.44Z" transform="translate(-172.61 -126.03)"/>
      <path class="cls-11" d="M351.35,245.07H322.69a.44.44,0,0,0-.43.44v24.36a.44.44,0,0,0,.43.44h28.66a.44.44,0,0,0,.44-.44V245.51A.44.44,0,0,0,351.35,245.07Z" transform="translate(-172.61 -126.03)"/>
      <rect class="cls-12" x="151.36" y="121.02" width="26.12" height="20.09"/>
      <polyline class="cls-13" points="183.72 143.64 179.06 142.61 149.65 142.61 145.11 143.64"/>
      <path class="cls-14" d="M317.71,269.67s.88,1.92,1.88,1.92h34.86c.92,0,1.88-1.92,1.88-1.92Z" transform="translate(-172.61 -126.03)"/>
    </g>
    <text class="cls-7" transform="translate(72.18 143.3)">Qi</text>
    <text class="cls-7" transform="translate(30.07 64.86)">Tom</text>
    <text class="cls-7" transform="translate(109.2 29.93)">Lisa</text>
    <text class="cls-7" transform="translate(192.62 60.24)">Cafe</text>
    <text class="cls-7" transform="translate(153.59 133.15)">Rashid</text>
    <rect class="cls-19" x="142.96" y="36.93" width="28.71" height="11.76"/>
    <text class="cls-20" transform="translate(151.01 44.91)">inv</text>
    <rect class="cls-19" x="94.35" y="54.55" width="28.71" height="11.76"/>
    <text class="cls-20" transform="translate(102.41 62.54)">inv</text>
  </g>
</svg>