Encode the left half of spider eye patterns in simple shapes. See tweet: https://twitter.com/shanecelis/status/1177076559301287937

spider-eyes.svg

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="902px"
   height="490px" viewBox="0 0 902 490" style="enable-background:new 0 0 902 490;" xml:space="preserve">
<style type="text/css">
  .st0{fill:#D4145A;stroke:#ED1E79;stroke-miterlimit:10;}
</style>
<g id="Lycosidae_2">
  <circle class="st0" cx="811.8" cy="414.3" r="10.3"/>
  <circle class="st0" cx="820.2" cy="430.4" r="4.1"/>
  <circle class="st0" cx="810.8" cy="431.8" r="2.7"/>

    <rect x="800" y="385.1" transform="matrix(0.7728 0.6347 -0.6347 0.7728 431.5477 -420.4173)" class="st0" width="5.9" height="14.8"/>
  <line class="st0" x1="826" y1="439.8" x2="826" y2="387"/>
</g>
<g id="Miturgidae">
  <circle class="st0" cx="689.7" cy="422.1" r="8.7"/>

    <ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -107.1578 589.5393)" class="st0" cx="658.1" cy="424.1" rx="4.2" ry="6.5"/>

    <ellipse transform="matrix(0.8297 -0.5582 0.5582 0.8297 -105.3228 448.3857)" class="st0" cx="682.3" cy="396.8" rx="7.8" ry="3.2"/>

    <ellipse transform="matrix(0.4418 -0.8971 0.8971 0.4418 -6.0626 813.5217)" class="st0" cx="650.7" cy="411.6" rx="5.2" ry="2.5"/>
  <line class="st0" x1="701.2" y1="440.6" x2="701.2" y2="390.6"/>
</g>
<g id="Oecobiidae">
  <circle class="st0" cx="564.9" cy="425.8" r="7.9"/>
  <circle class="st0" cx="549.4" cy="434.6" r="7.2"/>
  <circle class="st0" cx="565.1" cy="393" r="7.1"/>
  <ellipse transform="matrix(0.5 -0.866 0.866 0.5 -76.4767 682.2601)" class="st0" cx="552.6" cy="407.4" rx="8.7" ry="5.7"/>
  <line class="st0" x1="576.1" y1="440.1" x2="576.1" y2="379.8"/>
</g>
<g id="Oxyopidae">
  <circle class="st0" cx="434.8" cy="425.7" r="7.7"/>
  <circle class="st0" cx="441" cy="444" r="3.2"/>

    <rect x="427.2" y="384.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -147.0751 419.1059)" class="st0" width="10.4" height="5.5"/>

    <rect x="406.7" y="412.1" transform="matrix(0.9274 -0.3742 0.3742 0.9274 -126.6401 183.7934)" class="st0" width="6.6" height="11.8"/>
  <line class="st0" x1="452" y1="448.4" x2="452" y2="379.6"/>
</g>
<g id="Philodromidae">
  <circle class="st0" cx="313.7" cy="426.7" r="4.1"/>
  <circle class="st0" cx="297.2" cy="423.5" r="4.2"/>

    <rect x="299.5" y="400.5" transform="matrix(0.9265 -0.3762 0.3762 0.9265 -129.1381 143.9782)" class="st0" width="9.1" height="4.2"/>

    <rect x="274.9" y="407.7" transform="matrix(0.9317 0.3632 -0.3632 0.9317 168.6171 -72.3938)" class="st0" width="3.9" height="8.8"/>
  <line class="st0" x1="327.2" y1="436" x2="327.2" y2="394"/>
</g>
<g id="Pisauridae_1">
  <circle class="st0" cx="190.9" cy="430" r="6.6"/>
  <circle class="st0" cx="173.3" cy="422.5" r="4.6"/>
  <circle class="st0" cx="186.4" cy="397.9" r="8.8"/>
  <circle class="st0" cx="162.1" cy="387.8" r="9"/>
  <line class="st0" x1="202" y1="438.4" x2="202" y2="381.8"/>
</g>
<g id="Pisauridae_2">
  <circle class="st0" cx="68.1" cy="431.2" r="6.5"/>
  <circle class="st0" cx="51.2" cy="434.6" r="5"/>
  <circle class="st0" cx="63.8" cy="404.1" r="6.7"/>
  <circle class="st0" cx="44.9" cy="395.8" r="7.2"/>
  <line class="st0" x1="76.6" y1="443" x2="76.6" y2="389.8"/>
</g>
<g id="Salticidae">
  <circle class="st0" cx="811.3" cy="298.8" r="13.2"/>
  <circle class="st0" cx="788.7" cy="291.7" r="8.1"/>
  <line class="st0" x1="826.5" y1="319.3" x2="826.5" y2="272.6"/>

    <rect x="780.6" y="269.1" transform="matrix(0.7595 0.6506 -0.6506 0.7595 367.6501 -442.7126)" class="st0" width="3.8" height="13.4"/>
  <circle class="st0" cx="785.5" cy="279.6" r="1.2"/>
</g>
<g id="Scytodidae">
  <circle class="st0" cx="696.8" cy="305" r="4.2"/>

    <ellipse transform="matrix(0.4311 -0.9023 0.9023 0.4311 128.1191 766.9473)" class="st0" cx="672.2" cy="281.9" rx="1.8" ry="4.8"/>

    <rect x="668.3" y="267.5" transform="matrix(0.9169 0.399 -0.399 0.9169 163.8892 -244.5175)" class="st0" width="1.9" height="7.8"/>
  <line class="st0" x1="701.8" y1="315.2" x2="701.8" y2="291.7"/>
</g>
<g id="Sicariidae">
  <circle class="st0" cx="569.9" cy="294.5" r="4.4"/>
  <circle class="st0" cx="541.1" cy="285.1" r="3.7"/>
  <circle class="st0" cx="536.1" cy="279.1" r="3.4"/>
  <line class="st0" x1="576.1" y1="280.1" x2="576.1" y2="314.2"/>
</g>
<g id="Tetragnathidae">
  <ellipse class="st0" cx="442" cy="303.2" rx="7.1" ry="7.8"/>
  <circle class="st0" cx="439.9" cy="273.8" r="8.2"/>

    <ellipse transform="matrix(0.4604 -0.8877 0.8877 0.4604 -38.3244 526.705)" class="st0" cx="414.1" cy="294.9" rx="7.8" ry="6.1"/>

    <rect x="405.6" y="265.2" transform="matrix(0.8409 0.5412 -0.5412 0.8409 213.0618 -178.6972)" class="st0" width="9.7" height="15.6"/>
  <line class="st0" x1="451" y1="266.1" x2="451" y2="317.9"/>
</g>
<g id="Theridiidae_1">
  <circle class="st0" cx="316.4" cy="300.6" r="8.6"/>
  <circle class="st0" cx="315.4" cy="275.8" r="6.6"/>
  <circle class="st0" cx="290.4" cy="278.1" r="5.6"/>

    <ellipse transform="matrix(0.4341 -0.9009 0.9009 0.4341 -100.9358 436.8273)" class="st0" cx="297.2" cy="298.8" rx="7" ry="6.2"/>
  <line class="st0" x1="326.2" y1="316.6" x2="326.2" y2="264.8"/>
</g>
<g id="Gnaphosidae">
  <circle class="st0" cx="187.8" cy="304.2" r="6.9"/>
  <circle class="st0" cx="167.4" cy="305.9" r="6.1"/>

    <ellipse transform="matrix(0.8241 -0.5664 0.5664 0.8241 -120.9638 154.8792)" class="st0" cx="188.9" cy="272.2" rx="8.6" ry="6.6"/>

    <ellipse transform="matrix(0.4335 -0.9011 0.9011 0.4335 -157.8552 310.4631)" class="st0" cx="168" cy="280.8" rx="8.3" ry="5.4"/>
  <line class="st0" x1="201.1" y1="261.5" x2="201.1" y2="317.9"/>
</g>
<g id="Theridiidae_2">
  <circle class="st0" cx="68.7" cy="295.3" r="5.2"/>
  <circle class="st0" cx="66" cy="277" r="5.5"/>

    <ellipse transform="matrix(0.6083 -0.7937 0.7937 0.6083 -213.5756 154.5935)" class="st0" cx="49.8" cy="293.7" rx="3.7" ry="6.5"/>

    <ellipse transform="matrix(0.3717 -0.9283 0.9283 0.3717 -232.0164 220.0459)" class="st0" cx="46.6" cy="281.4" rx="7.1" ry="3.7"/>
  <line class="st0" x1="76.1" y1="308" x2="76.1" y2="264.9"/>
</g>
<g id="Thomisidae_1">
  <ellipse transform="matrix(0.2836 -0.959 0.959 0.2836 415.426 908.3349)" class="st0" cx="815.6" cy="176.1" rx="4.5" ry="2.9"/>

    <ellipse transform="matrix(0.8223 -0.5691 0.5691 0.8223 44.7735 480.8137)" class="st0" cx="792.1" cy="168.7" rx="4.2" ry="4.7"/>
  <rect x="812.1" y="153" class="st0" width="7.5" height="2.1"/>

    <rect x="777.4" y="154.3" transform="matrix(0.8217 0.57 -0.57 0.8217 228.1994 -415.8383)" class="st0" width="2.6" height="4.9"/>
  <line class="st0" x1="828.5" y1="187.5" x2="828.5" y2="142.2"/>
</g>
<g id="Agelenidae_1">
  <circle class="st0" cx="689.1" cy="157.9" r="7.9"/>
  <circle class="st0" cx="688.7" cy="137.4" r="6.5"/>
  <circle class="st0" cx="669.3" cy="156.9" r="6.9"/>
  <circle class="st0" cx="676.1" cy="176.2" r="7.1"/>
  <line class="st0" x1="700.2" y1="165.8" x2="700.2" y2="115.3"/>
</g>
<g id="Agelenidae_2">
  <circle class="st0" cx="561.6" cy="170.1" r="9.8"/>

    <ellipse transform="matrix(0.7802 -0.6255 0.6255 0.7802 34.1577 380.2958)" class="st0" cx="558.3" cy="141.5" rx="8.1" ry="6.3"/>

    <ellipse transform="matrix(0.6017 -0.7987 0.7987 0.6017 72.1413 501.3034)" class="st0" cx="538.7" cy="178.3" rx="6.1" ry="9.6"/>
  <line class="st0" x1="576.6" y1="179.9" x2="576.6" y2="127.7"/>

    <rect x="523.1" y="151.3" transform="matrix(0.9312 0.3645 -0.3645 0.9312 94.8364 -181.1432)" class="st0" width="8.4" height="18.8"/>
</g>
<g id="Amaurobiidae">
  <circle class="st0" cx="444.2" cy="172.3" r="6.2"/>
  <circle class="st0" cx="418.6" cy="173.9" r="4.6"/>
  <circle class="st0" cx="405.8" cy="165.2" r="4.1"/>
  <circle class="st0" cx="438.9" cy="150.4" r="4"/>
  <line class="st0" x1="452.1" y1="184.8" x2="452.1" y2="148"/>
</g>
<g id="Anyphaenidae">
  <circle class="st0" cx="316.9" cy="180.9" r="8.9"/>
  <circle class="st0" cx="297.5" cy="177.6" r="9.1"/>
  <circle class="st0" cx="311.6" cy="148.9" r="7.3"/>

    <rect x="275.8" y="151.1" transform="matrix(0.9105 0.4135 -0.4135 0.9105 91.4378 -101.6715)" class="st0" width="9.5" height="18.6"/>
  <line class="st0" x1="327.5" y1="193.5" x2="327.5" y2="132.3"/>
</g>
<g id="Araneidae">
  <ellipse class="st0" cx="190.3" cy="171.3" rx="4.5" ry="5.2"/>

    <ellipse transform="matrix(0.5954 -0.8035 0.8035 0.5954 -41.5962 216.5974)" class="st0" cx="194.2" cy="149.6" rx="5.5" ry="3.4"/>

    <rect x="147.4" y="166.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -76.6577 156.3418)" class="st0" width="6" height="8.7"/>

    <rect x="145.9" y="161.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -71.1973 152.882)" class="st0" width="6" height="2.6"/>
  <line class="st0" x1="201.5" y1="140.2" x2="201.5" y2="186.2"/>
</g>
<g id="Clubionidae">
  <circle class="st0" cx="66.1" cy="175.1" r="7.7"/>
  <ellipse transform="matrix(0.559 -0.8292 0.8292 0.559 -127.9366 114.1471)" class="st0" cx="43.3" cy="177.3" rx="4.1" ry="7.6"/>

    <ellipse transform="matrix(0.6176 -0.7865 0.7865 0.6176 -98.7705 102.1219)" class="st0" cx="55.6" cy="152.6" rx="7.2" ry="4.8"/>
  <rect x="24.8" y="158.5" transform="matrix(0.866 0.5 -0.5 0.866 86.5112 8.1539)" class="st0" width="6.5" height="14"/>
  <line class="st0" x1="76.6" y1="187.4" x2="76.6" y2="145.9"/>
</g>
<g id="Ctenizidae">
  <circle class="st0" cx="815.6" cy="39.4" r="8.2"/>
  <ellipse transform="matrix(0.774 -0.6332 0.6332 0.774 147.3867 517.4208)" class="st0" cx="798.5" cy="52.2" rx="3.6" ry="7.2"/>
  <ellipse transform="matrix(0.5 -0.866 0.866 0.5 365.1261 701.8408)" class="st0" cx="790.4" cy="34.7" rx="5.7" ry="3.1"/>

    <ellipse transform="matrix(0.8051 -0.5932 0.5932 0.8051 140.0493 481.9584)" class="st0" cx="803.3" cy="27.9" rx="5.1" ry="3.3"/>
  <line class="st0" x1="826.6" y1="58.5" x2="826.6" y2="19.2"/>
</g>
<g id="Cybaeidae">
  <circle class="st0" cx="693.9" cy="51.2" r="6.1"/>
  <circle class="st0" cx="679" cy="52" r="6.2"/>

    <ellipse transform="matrix(0.5699 -0.8217 0.8217 0.5699 255.2071 563.2083)" class="st0" cx="665.6" cy="37.8" rx="6.2" ry="3.9"/>
  <ellipse transform="matrix(0.8146 -0.5801 0.5801 0.8146 112.4182 405.8174)" class="st0" cx="691" cy="27.1" rx="6.2" ry="4.2"/>
  <line class="st0" x1="702.1" y1="59.2" x2="702.1" y2="23.4"/>
</g>
<g id="Dictynidae">
  <circle class="st0" cx="568.4" cy="45.3" r="6.3"/>
  <circle class="st0" cx="565.4" cy="29.1" r="6.2"/>
  <circle class="st0" cx="551.4" cy="45.5" r="5.4"/>
  <ellipse transform="matrix(0.376 -0.9266 0.9266 0.376 308.4279 527.8607)" class="st0" cx="546.1" cy="34.9" rx="5.8" ry="5.1"/>
  <line class="st0" x1="576.8" y1="54" x2="576.8" y2="19.4"/>
</g>
<g id="Dysderidae">
  <ellipse transform="matrix(0.163 -0.9866 0.9866 0.163 324.259 455.109)" class="st0" cx="430.4" cy="36.4" rx="6.4" ry="5.6"/>
  <ellipse transform="matrix(0.7371 -0.6757 0.6757 0.7371 82.4836 309.6511)" class="st0" cx="439.2" cy="48.8" rx="5" ry="7.4"/>
  <ellipse transform="matrix(0.7664 -0.6423 0.6423 0.7664 85.5861 291.6931)" class="st0" cx="443.9" cy="28.2" rx="6.4" ry="4.1"/>
  <line class="st0" x1="452" y1="56.8" x2="452" y2="16.4"/>
</g>
<g id="Linyphiidae">
  <circle class="st0" cx="316.8" cy="52.7" r="8.5"/>
  <circle class="st0" cx="315.5" cy="27.8" r="8"/>
  <circle class="st0" cx="296.6" cy="46.2" r="7.3"/>
  <circle class="st0" cx="290.5" cy="33.3" r="7"/>
  <line class="st0" x1="326.5" y1="66.5" x2="326.5" y2="10"/>
</g>
<g id="Pholcidae_2">
  <circle class="st0" cx="181.5" cy="32.6" r="9.3"/>
  <ellipse transform="matrix(0.3271 -0.945 0.945 0.3271 83.0115 180.3954)" class="st0" cx="168.2" cy="31.9" rx="7" ry="2.3"/>
  <ellipse transform="matrix(0.5 -0.866 0.866 0.5 48.2977 173.6201)" class="st0" cx="174.5" cy="45" rx="2.7" ry="8.3"/>
  <line class="st0" x1="199.9" y1="53.5" x2="199.9" y2="16.4"/>
</g>
<g id="Pholcidae_1">
  <circle class="st0" cx="48.6" cy="46.8" r="6.7"/>
  <ellipse class="st0" cx="55.9" cy="28.6" rx="7.3" ry="6.3"/>
  <ellipse transform="matrix(0.3632 -0.9317 0.9317 0.3632 -2.7612 59.2837)" class="st0" cx="42" cy="31.7" rx="6.8" ry="3.2"/>
  <circle class="st0" cx="68.8" cy="47.2" r="5.7"/>
  <line class="st0" x1="76" y1="56.4" x2="76" y2="30.1"/>
</g>
<g id="Background">
  <image style="overflow:visible;opacity:0.44;" width="902" height="490" xlink:href="spider eyes.jpg" >
  </image>
</g>
</svg>