images/ch08/u08-18.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-2, .cls-4, .cls-8 {
        fill: none;
      }

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

      .cls-10, .cls-11, .cls-2, .cls-3, .cls-4, .cls-8 {
        stroke-width: 0.5px;
      }

      .cls-10, .cls-11, .cls-4, .cls-8, .cls-9 {
        stroke: #000;
      }

      .cls-10, .cls-5 {
        fill: #fff;
      }

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

      .cls-11, .cls-7 {
        fill: #b3e2ee;
      }

      .cls-10, .cls-11, .cls-8, .cls-9 {
        stroke-linejoin: round;
      }

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

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

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

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

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

      .cls-16 {
        font-size: 7px;
        font-family: ArialMT, Arial;
      }
    </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)"/>
    <line class="cls-4" x1="153.59" y1="132.54" x2="51.39" y2="64.97"/>
    <line class="cls-4" x1="46.37" y1="59.79" x2="101.39" y2="27.47"/>
    <line class="cls-4" x1="38.54" y1="75.54" x2="71.13" y2="129.83"/>
    <line class="cls-4" x1="153.52" y1="133.52" x2="89.89" y2="141.97"/>
    <line class="cls-4" x1="166.39" y1="119.97" x2="200.26" y2="71.37"/>
    <line class="cls-4" x1="115.89" y1="42.97" x2="79.07" y2="129.65"/>
    <line class="cls-4" x1="128.14" y1="25.97" x2="185.73" y2="58.64"/>
    <g>
      <path class="cls-5" 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-6" 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-7" 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-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)"/>
      <rect class="cls-9" x="24.09" y="53.07" width="26.11" height="20.09"/>
      <polyline class="cls-10" points="56.45 75.7 51.78 74.66 22.38 74.66 17.84 75.7"/>
      <path class="cls-11" 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-5" 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-12" 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-7" 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-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)"/>
      <rect class="cls-9" x="62.57" y="131.09" width="26.11" height="20.09"/>
      <polyline class="cls-10" points="94.94 153.72 90.27 152.68 60.87 152.68 56.33 153.72"/>
      <path class="cls-11" 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-5" 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-13" 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-7" 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-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)"/>
      <rect class="cls-9" x="187.2" y="47.78" width="26.12" height="20.09"/>
      <polyline class="cls-10" points="219.56 70.41 214.9 69.37 185.5 69.37 180.96 70.41"/>
      <path class="cls-11" 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-5" 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-14" 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-7" 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-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)"/>
      <rect class="cls-9" x="102.57" y="17.76" width="26.12" height="20.09"/>
      <polyline class="cls-10" points="134.94 40.38 130.27 39.35 100.87 39.35 96.33 40.38"/>
      <path class="cls-11" 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-5" 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-15" 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-7" 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-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)"/>
      <rect class="cls-9" x="151.36" y="121.02" width="26.12" height="20.09"/>
      <polyline class="cls-10" points="183.72 143.64 179.06 142.61 149.65 142.61 145.11 143.64"/>
      <path class="cls-11" 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-16" transform="translate(72.18 143.3)">Qi</text>
    <text class="cls-16" transform="translate(30.07 64.86)">Tom</text>
    <text class="cls-16" transform="translate(109.2 29.93)">Lisa</text>
    <text class="cls-16" transform="translate(192.62 60.24)">Cafe</text>
    <text class="cls-16" transform="translate(153.59 133.15)">Rashid</text>
  </g>
</svg>