Skip to content

Instantly share code, notes, and snippets.

@taesiri
Created January 2, 2025 22:47
Show Gist options
  • Save taesiri/08ef16bd78477f467a64598a60ad50ff to your computer and use it in GitHub Desktop.
Save taesiri/08ef16bd78477f467a64598a60ad50ff to your computer and use it in GitHub Desktop.
Display the source blob
Display the rendered blob
Raw
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800">
<rect x="0" y="0" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="40.0" cy="32.54063714645504" r="10" fill="blue"/>
<circle cx="40.0" cy="47.45936285354496" r="10" fill="red"/>
<rect x="80" y="0" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="105.72257913103597" cy="40.0" r="10" fill="blue"/>
<circle cx="134.27742086896404" cy="40.0" r="10" fill="red"/>
<rect x="160" y="0" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="195.2586285604343" cy="35.25862856043428" r="10" fill="blue"/>
<circle cx="204.7413714395657" cy="44.74137143956572" r="10" fill="red"/>
<rect x="240" y="0" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="270.66872546906296" cy="30.66872546906298" r="10" fill="blue"/>
<circle cx="289.33127453093704" cy="49.33127453093702" r="10" fill="red"/>
<rect x="320" y="0" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="354.93507270957707" cy="40.0" r="10" fill="blue"/>
<circle cx="365.06492729042293" cy="40.0" r="10" fill="red"/>
<rect x="400" y="0" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="426.47411046161153" cy="40.0" r="10" fill="blue"/>
<circle cx="453.52588953838847" cy="40.0" r="10" fill="red"/>
<rect x="480" y="0" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="510.57146856113366" cy="40.0" r="10" fill="blue"/>
<circle cx="529.4285314388663" cy="40.0" r="10" fill="red"/>
<rect x="560" y="0" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="586.7595349617762" cy="40.0" r="10" fill="blue"/>
<circle cx="613.2404650382238" cy="40.0" r="10" fill="red"/>
<rect x="640" y="0" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="678.3003603160327" cy="40.0" r="10" fill="blue"/>
<circle cx="681.6996396839673" cy="40.0" r="10" fill="red"/>
<rect x="720" y="0" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="760.0" cy="37.56995109866694" r="10" fill="blue"/>
<circle cx="760.0" cy="42.43004890133306" r="10" fill="red"/>
<rect x="0" y="80" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="40.0" cy="106.35505850108589" r="10" fill="blue"/>
<circle cx="40.0" cy="133.6449414989141" r="10" fill="red"/>
<rect x="80" y="80" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="111.13352221080783" cy="111.13352221080783" r="10" fill="blue"/>
<circle cx="128.86647778919217" cy="128.86647778919217" r="10" fill="red"/>
<rect x="160" y="80" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="200.0" cy="111.77960798665657" r="10" fill="blue"/>
<circle cx="200.0" cy="128.22039201334343" r="10" fill="red"/>
<rect x="240" y="80" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="272.2778575774021" cy="120.0" r="10" fill="blue"/>
<circle cx="287.7221424225979" cy="120.0" r="10" fill="red"/>
<rect x="320" y="80" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="360.0" cy="106.71833379161" r="10" fill="blue"/>
<circle cx="360.0" cy="133.28166620839" r="10" fill="red"/>
<rect x="400" y="80" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="438.8591289666128" cy="118.85912896661279" r="10" fill="blue"/>
<circle cx="441.1408710333872" cy="121.14087103338721" r="10" fill="red"/>
<rect x="480" y="80" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="520.0" cy="116.45014476266236" r="10" fill="blue"/>
<circle cx="520.0" cy="123.54985523733764" r="10" fill="red"/>
<rect x="560" y="80" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="600.0" cy="113.4967473672959" r="10" fill="blue"/>
<circle cx="600.0" cy="126.5032526327041" r="10" fill="red"/>
<rect x="640" y="80" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="680.0" cy="112.1053979460034" r="10" fill="blue"/>
<circle cx="680.0" cy="127.8946020539966" r="10" fill="red"/>
<rect x="720" y="80" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="747.4630807753801" cy="120.0" r="10" fill="blue"/>
<circle cx="772.5369192246199" cy="120.0" r="10" fill="red"/>
<rect x="0" y="160" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="30.179479003161305" cy="200.0" r="10" fill="blue"/>
<circle cx="49.820520996838695" cy="200.0" r="10" fill="red"/>
<rect x="80" y="160" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="120.0" cy="185.58547149015956" r="10" fill="blue"/>
<circle cx="120.0" cy="214.41452850984044" r="10" fill="red"/>
<rect x="160" y="160" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="200.0" cy="193.51857508842843" r="10" fill="blue"/>
<circle cx="200.0" cy="206.48142491157157" r="10" fill="red"/>
<rect x="240" y="160" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="280.0" cy="185.48878792109082" r="10" fill="blue"/>
<circle cx="280.0" cy="214.51121207890918" r="10" fill="red"/>
<rect x="320" y="160" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="346.28382055491227" cy="200.0" r="10" fill="blue"/>
<circle cx="373.71617944508773" cy="200.0" r="10" fill="red"/>
<rect x="400" y="160" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="440.0" cy="196.68738570095317" r="10" fill="blue"/>
<circle cx="440.0" cy="203.31261429904683" r="10" fill="red"/>
<rect x="480" y="160" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="520.0" cy="192.33573506337245" r="10" fill="blue"/>
<circle cx="520.0" cy="207.66426493662755" r="10" fill="red"/>
<rect x="560" y="160" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="600.0" cy="186.1560105914889" r="10" fill="blue"/>
<circle cx="600.0" cy="213.8439894085111" r="10" fill="red"/>
<rect x="640" y="160" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="680.0" cy="185.75687995431724" r="10" fill="blue"/>
<circle cx="680.0" cy="214.24312004568276" r="10" fill="red"/>
<rect x="720" y="160" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="760.0" cy="199.38824487587848" r="10" fill="blue"/>
<circle cx="760.0" cy="200.61175512412152" r="10" fill="red"/>
<rect x="0" y="240" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="36.269317534574505" cy="276.2693175345745" r="10" fill="blue"/>
<circle cx="43.730682465425495" cy="283.7306824654255" r="10" fill="red"/>
<rect x="80" y="240" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="115.4092030656516" cy="275.4092030656516" r="10" fill="blue"/>
<circle cx="124.5907969343484" cy="284.5907969343484" r="10" fill="red"/>
<rect x="160" y="240" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="200.0" cy="270.40533338873627" r="10" fill="blue"/>
<circle cx="200.0" cy="289.59466661126373" r="10" fill="red"/>
<rect x="240" y="240" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="280.0" cy="265.0447656645409" r="10" fill="blue"/>
<circle cx="280.0" cy="294.9552343354591" r="10" fill="red"/>
<rect x="320" y="240" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="360.0" cy="267.0410750860826" r="10" fill="blue"/>
<circle cx="360.0" cy="292.9589249139174" r="10" fill="red"/>
<rect x="400" y="240" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="440.0" cy="272.3542415880752" r="10" fill="blue"/>
<circle cx="440.0" cy="287.6457584119248" r="10" fill="red"/>
<rect x="480" y="240" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="509.97460972489483" cy="269.97460972489483" r="10" fill="blue"/>
<circle cx="530.0253902751052" cy="290.02539027510517" r="10" fill="red"/>
<rect x="560" y="240" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="595.513444239164" cy="280.0" r="10" fill="blue"/>
<circle cx="604.486555760836" cy="280.0" r="10" fill="red"/>
<rect x="640" y="240" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="665.8100859768077" cy="280.0" r="10" fill="blue"/>
<circle cx="694.1899140231923" cy="280.0" r="10" fill="red"/>
<rect x="720" y="240" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="760.0" cy="265.7974138188679" r="10" fill="blue"/>
<circle cx="760.0" cy="294.2025861811321" r="10" fill="red"/>
<rect x="0" y="320" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="38.36197923620803" cy="358.361979236208" r="10" fill="blue"/>
<circle cx="41.63802076379197" cy="361.638020763792" r="10" fill="red"/>
<rect x="80" y="320" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="105.1635586463119" cy="360.0" r="10" fill="blue"/>
<circle cx="134.8364413536881" cy="360.0" r="10" fill="red"/>
<rect x="160" y="320" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="198.2423170946669" cy="360.0" r="10" fill="blue"/>
<circle cx="201.7576829053331" cy="360.0" r="10" fill="red"/>
<rect x="240" y="320" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="271.1027183642759" cy="360.0" r="10" fill="blue"/>
<circle cx="288.8972816357241" cy="360.0" r="10" fill="red"/>
<rect x="320" y="320" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="358.71386327402286" cy="358.71386327402286" r="10" fill="blue"/>
<circle cx="361.28613672597714" cy="361.28613672597714" r="10" fill="red"/>
<rect x="400" y="320" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="430.14737488181214" cy="350.14737488181214" r="10" fill="blue"/>
<circle cx="449.85262511818786" cy="369.85262511818786" r="10" fill="red"/>
<rect x="480" y="320" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="515.9205383568794" cy="360.0" r="10" fill="blue"/>
<circle cx="524.0794616431206" cy="360.0" r="10" fill="red"/>
<rect x="560" y="320" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="600.0" cy="352.84888549411966" r="10" fill="blue"/>
<circle cx="600.0" cy="367.15111450588034" r="10" fill="red"/>
<rect x="640" y="320" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="674.8876831699865" cy="354.8876831699866" r="10" fill="blue"/>
<circle cx="685.1123168300135" cy="365.1123168300134" r="10" fill="red"/>
<rect x="720" y="320" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="759.1027561349598" cy="359.1027561349598" r="10" fill="blue"/>
<circle cx="760.8972438650402" cy="360.8972438650402" r="10" fill="red"/>
<rect x="0" y="400" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="26.593896050324474" cy="440.0" r="10" fill="blue"/>
<circle cx="53.406103949675526" cy="440.0" r="10" fill="red"/>
<rect x="80" y="400" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="117.02771202602766" cy="437.02771202602764" r="10" fill="blue"/>
<circle cx="122.97228797397234" cy="442.97228797397236" r="10" fill="red"/>
<rect x="160" y="400" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="193.93884383307733" cy="433.9388438330773" r="10" fill="blue"/>
<circle cx="206.06115616692267" cy="446.0611561669227" r="10" fill="red"/>
<rect x="240" y="400" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="269.93026212135345" cy="429.93026212135345" r="10" fill="blue"/>
<circle cx="290.06973787864655" cy="450.06973787864655" r="10" fill="red"/>
<rect x="320" y="400" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="353.21646939821517" cy="440.0" r="10" fill="blue"/>
<circle cx="366.78353060178483" cy="440.0" r="10" fill="red"/>
<rect x="400" y="400" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="431.7531533907642" cy="440.0" r="10" fill="blue"/>
<circle cx="448.2468466092358" cy="440.0" r="10" fill="red"/>
<rect x="480" y="400" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="520.0" cy="426.31368858484274" r="10" fill="blue"/>
<circle cx="520.0" cy="453.68631141515726" r="10" fill="red"/>
<rect x="560" y="400" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="592.9642386278662" cy="432.96423862786617" r="10" fill="blue"/>
<circle cx="607.0357613721338" cy="447.03576137213383" r="10" fill="red"/>
<rect x="640" y="400" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="665.3888231987287" cy="440.0" r="10" fill="blue"/>
<circle cx="694.6111768012713" cy="440.0" r="10" fill="red"/>
<rect x="720" y="400" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="760.0" cy="438.42421960311356" r="10" fill="blue"/>
<circle cx="760.0" cy="441.57578039688644" r="10" fill="red"/>
<rect x="0" y="480" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="40.0" cy="519.9139663479493" r="10" fill="blue"/>
<circle cx="40.0" cy="520.0860336520507" r="10" fill="red"/>
<rect x="80" y="480" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="115.283773103763" cy="520.0" r="10" fill="blue"/>
<circle cx="124.716226896237" cy="520.0" r="10" fill="red"/>
<rect x="160" y="480" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="198.3490141154656" cy="518.3490141154656" r="10" fill="blue"/>
<circle cx="201.6509858845344" cy="521.6509858845344" r="10" fill="red"/>
<rect x="240" y="480" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="273.6705103957184" cy="520.0" r="10" fill="blue"/>
<circle cx="286.3294896042816" cy="520.0" r="10" fill="red"/>
<rect x="320" y="480" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="360.0" cy="518.3932531161137" r="10" fill="blue"/>
<circle cx="360.0" cy="521.6067468838863" r="10" fill="red"/>
<rect x="400" y="480" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="440.0" cy="505.16205742639625" r="10" fill="blue"/>
<circle cx="440.0" cy="534.8379425736038" r="10" fill="red"/>
<rect x="480" y="480" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="518.5939656527266" cy="520.0" r="10" fill="blue"/>
<circle cx="521.4060343472734" cy="520.0" r="10" fill="red"/>
<rect x="560" y="480" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="593.6087045156121" cy="513.6087045156121" r="10" fill="blue"/>
<circle cx="606.3912954843879" cy="526.3912954843879" r="10" fill="red"/>
<rect x="640" y="480" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="670.0955791219441" cy="510.09557912194407" r="10" fill="blue"/>
<circle cx="689.9044208780559" cy="529.9044208780559" r="10" fill="red"/>
<rect x="720" y="480" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="756.5356040059063" cy="520.0" r="10" fill="blue"/>
<circle cx="763.4643959940937" cy="520.0" r="10" fill="red"/>
<rect x="0" y="560" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="40.0" cy="586.384779075931" r="10" fill="blue"/>
<circle cx="40.0" cy="613.615220924069" r="10" fill="red"/>
<rect x="80" y="560" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="106.44043992467691" cy="600.0" r="10" fill="blue"/>
<circle cx="133.5595600753231" cy="600.0" r="10" fill="red"/>
<rect x="160" y="560" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="195.39230284640547" cy="600.0" r="10" fill="blue"/>
<circle cx="204.60769715359453" cy="600.0" r="10" fill="red"/>
<rect x="240" y="560" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="273.29692739610255" cy="600.0" r="10" fill="blue"/>
<circle cx="286.70307260389745" cy="600.0" r="10" fill="red"/>
<rect x="320" y="560" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="350.19871376023013" cy="600.0" r="10" fill="blue"/>
<circle cx="369.80128623976987" cy="600.0" r="10" fill="red"/>
<rect x="400" y="560" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="440.0" cy="586.5890334649894" r="10" fill="blue"/>
<circle cx="440.0" cy="613.4109665350106" r="10" fill="red"/>
<rect x="480" y="560" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="509.8193692540181" cy="589.819369254018" r="10" fill="blue"/>
<circle cx="530.180630745982" cy="610.180630745982" r="10" fill="red"/>
<rect x="560" y="560" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="589.7741857791734" cy="589.7741857791734" r="10" fill="blue"/>
<circle cx="610.2258142208266" cy="610.2258142208266" r="10" fill="red"/>
<rect x="640" y="560" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="673.3438018275482" cy="600.0" r="10" fill="blue"/>
<circle cx="686.6561981724518" cy="600.0" r="10" fill="red"/>
<rect x="720" y="560" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="760.0" cy="598.2434835446385" r="10" fill="blue"/>
<circle cx="760.0" cy="601.7565164553615" r="10" fill="red"/>
<rect x="0" y="640" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="40.0" cy="666.1809783736603" r="10" fill="blue"/>
<circle cx="40.0" cy="693.8190216263397" r="10" fill="red"/>
<rect x="80" y="640" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="117.33494657703656" cy="680.0" r="10" fill="blue"/>
<circle cx="122.66505342296344" cy="680.0" r="10" fill="red"/>
<rect x="160" y="640" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="196.15501043831748" cy="680.0" r="10" fill="blue"/>
<circle cx="203.84498956168252" cy="680.0" r="10" fill="red"/>
<rect x="240" y="640" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="265.23337281364576" cy="680.0" r="10" fill="blue"/>
<circle cx="294.76662718635424" cy="680.0" r="10" fill="red"/>
<rect x="320" y="640" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="346.9698014663889" cy="680.0" r="10" fill="blue"/>
<circle cx="373.0301985336111" cy="680.0" r="10" fill="red"/>
<rect x="400" y="640" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="440.0" cy="677.4461717635829" r="10" fill="blue"/>
<circle cx="440.0" cy="682.5538282364171" r="10" fill="red"/>
<rect x="480" y="640" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="520.0" cy="667.4282086880154" r="10" fill="blue"/>
<circle cx="520.0" cy="692.5717913119846" r="10" fill="red"/>
<rect x="560" y="640" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="585.9457271703388" cy="680.0" r="10" fill="blue"/>
<circle cx="614.0542728296612" cy="680.0" r="10" fill="red"/>
<rect x="640" y="640" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="680.0" cy="665.5478553641408" r="10" fill="blue"/>
<circle cx="680.0" cy="694.4521446358592" r="10" fill="red"/>
<rect x="720" y="640" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="754.5333714356012" cy="674.5333714356012" r="10" fill="blue"/>
<circle cx="765.4666285643988" cy="685.4666285643988" r="10" fill="red"/>
<rect x="0" y="720" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="40.0" cy="745.4872699306319" r="10" fill="blue"/>
<circle cx="40.0" cy="774.5127300693681" r="10" fill="red"/>
<rect x="80" y="720" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="105.93205702077036" cy="760.0" r="10" fill="blue"/>
<circle cx="134.06794297922966" cy="760.0" r="10" fill="red"/>
<rect x="160" y="720" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="200.0" cy="756.161260223356" r="10" fill="blue"/>
<circle cx="200.0" cy="763.838739776644" r="10" fill="red"/>
<rect x="240" y="720" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="280.0" cy="747.1227530268699" r="10" fill="blue"/>
<circle cx="280.0" cy="772.8772469731301" r="10" fill="red"/>
<rect x="320" y="720" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="350.4060183141442" cy="750.4060183141441" r="10" fill="blue"/>
<circle cx="369.5939816858558" cy="769.5939816858559" r="10" fill="red"/>
<rect x="400" y="720" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="440.0" cy="747.0902454513619" r="10" fill="blue"/>
<circle cx="440.0" cy="772.9097545486381" r="10" fill="red"/>
<rect x="480" y="720" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="520.0" cy="745.7651648722284" r="10" fill="blue"/>
<circle cx="520.0" cy="774.2348351277716" r="10" fill="red"/>
<rect x="560" y="720" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="600.0" cy="745.1089827553319" r="10" fill="blue"/>
<circle cx="600.0" cy="774.8910172446681" r="10" fill="red"/>
<rect x="640" y="720" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="670.3292454442997" cy="760.0" r="10" fill="blue"/>
<circle cx="689.6707545557003" cy="760.0" r="10" fill="red"/>
<rect x="720" y="720" width="80" height="80" fill="white" stroke="black" stroke-width="1"/>
<circle cx="760.0" cy="747.1798671919623" r="10" fill="blue"/>
<circle cx="760.0" cy="772.8201328080377" r="10" fill="red"/>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment