view test-data/ob_depiction_svg_on_8_mol.svg @ 15:01ab890bf0ad draft

"planemo upload for repository https://github.com/bgruening/galaxytools/tree/master/chemicaltoolbox/openbabel commit 327c29cc43f56d7067ab9fa51323ea31951db98b"
author bgruening
date Tue, 10 Nov 2020 20:30:04 +0000
parents 3ecaa9634126
children
line wrap: on
line source

<?xml version="1.0"?>
<svg version="1.1" id="topsvg"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:cml="http://www.xml-cml.org/schema" x="0" y="0" width="100%" height="100%" viewBox="0 0 100 100">
<title>Multiple Molecules - Open Babel Depiction</title>
<rect x="0" y="0" width="100" height="100" fill="white"/>
<g transform="translate(0,0)">
<svg width="33.3333" height="33.3333" x="0" y="0" viewBox="0 0 300 258.564"
font-family="sans-serif" stroke="rgb(0,0,0)" stroke-width="4"  stroke-linecap="round">
<line x1="103.0" y1="191.6" x2="103.0" y2="205.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="97.0" y1="191.6" x2="97.0" y2="205.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="112.8" y1="182.5" x2="124.9" y2="189.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="109.8" y1="187.7" x2="121.9" y2="194.7" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="180.0" y1="109.3" x2="207.0" y2="109.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="223.0" y1="122.3" x2="223.0" y2="136.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="217.0" y1="122.3" x2="217.0" y2="136.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="233.0" y1="106.3" x2="247.0" y2="106.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="233.0" y1="112.3" x2="247.0" y2="112.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="220.0" y1="96.3" x2="220.0" y2="82.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="160.0" y1="74.6" x2="173.5" y2="51.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="180.0" y1="109.3" x2="160.0" y2="143.9" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="160.0" y1="143.9" x2="120.0" y2="143.9" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="154.0" y1="136.7" x2="126.0" y2="136.7" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="120.0" y1="143.9" x2="100.0" y2="109.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="100.0" y1="109.3" x2="120.0" y2="74.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="109.2" y1="107.7" x2="123.2" y2="83.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="120.0" y1="74.6" x2="160.0" y2="74.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="160.0" y1="74.6" x2="180.0" y2="109.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="156.8" y1="83.4" x2="170.8" y2="107.7" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="120.0" y1="143.9" x2="106.5" y2="167.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="87.0" y1="178.6" x2="73.0" y2="178.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="53.5" y1="167.3" x2="40.0" y2="143.9" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="40.0" y1="143.9" x2="53.5" y2="120.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="73.0" y1="109.3" x2="100.0" y2="109.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<text x="94.000000" y="186.564065" fill="rgb(178,178,0)" stroke-width="0" font-weight="bold" font-size="16" >S</text>
<text x="174.000000" y="48.000000" fill="rgb(30,239,30)" stroke-width="0" font-weight="bold" font-size="16" >Cl</text>
<text x="216.000000" y="77.282032" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >NH</text>
<text x="240.000000" y="80.962032" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="13" >2</text>
<text x="254.000000" y="117.282032" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="214.000000" y="157.282032" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="214.000000" y="117.282032" fill="rgb(178,178,0)" stroke-width="0" font-weight="bold" font-size="16" >S</text>
<text x="54.000000" y="186.564065" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text>
<text x="54.000000" y="202.564065" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >H</text>
<text x="128.641016" y="206.564065" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="94.000000" y="226.564065" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="54.000000" y="117.282032" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text>
<text x="54.000000" y="101.282032" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >H</text>
</svg>
</g>
<text text-anchor="middle" font-size="2.000000" fill ="black" font-family="sans-serif"
x="16.666667" y="32.666667" ></text>
<g transform="translate(33.333333,0.000000)">
<svg width="33.333333" height="33.333333" x="0" y="0" viewBox="0 0 316.512123 300.000000"
font-family="sans-serif" stroke="rgb(0,0,0)" stroke-width="4.000000"  stroke-linecap="round">
<line x1="103.3" y1="240.0" x2="137.9" y2="260.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="137.9" y1="260.0" x2="161.3" y2="246.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="172.6" y1="227.0" x2="172.6" y2="200.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="207.2" y1="180.0" x2="241.9" y2="200.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="244.9" y1="200.0" x2="244.9" y2="227.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="238.9" y1="200.0" x2="238.9" y2="227.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="241.9" y1="200.0" x2="265.3" y2="186.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="172.6" y1="120.0" x2="172.6" y2="93.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="185.6" y1="77.0" x2="199.6" y2="77.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="185.6" y1="83.0" x2="199.6" y2="83.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="169.6" y1="67.0" x2="169.6" y2="53.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="175.6" y1="67.0" x2="175.6" y2="53.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="159.6" y1="80.0" x2="145.6" y2="80.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="137.9" y1="140.0" x2="114.6" y2="126.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="100.5" y1="213.1" x2="103.3" y2="240.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="103.3" y1="240.0" x2="66.8" y2="256.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="94.9" y1="235.9" x2="69.3" y2="247.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="66.8" y1="256.3" x2="40.0" y2="226.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="40.0" y1="226.5" x2="60.0" y2="191.9" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="49.2" y1="224.9" x2="63.2" y2="200.7" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="60.0" y1="191.9" x2="86.4" y2="197.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="137.9" y1="140.0" x2="172.6" y2="120.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="146.7" y1="143.2" x2="171.0" y2="129.2" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="172.6" y1="120.0" x2="207.2" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="207.2" y1="140.0" x2="207.2" y2="180.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="200.0" y1="146.0" x2="200.0" y2="174.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="207.2" y1="180.0" x2="172.6" y2="200.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="172.6" y1="200.0" x2="137.9" y2="180.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="171.0" y1="190.8" x2="146.7" y2="176.8" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="137.9" y1="180.0" x2="137.9" y2="140.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<text x="85.307043" y="128.000000" fill="rgb(30,239,30)" stroke-width="0" font-weight="bold" font-size="16" >Cl</text>
<text x="106.589075" y="88.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >H</text>
<text x="118.589075" y="91.680000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="13" >2</text>
<text x="125.089075" y="88.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text>
<text x="166.589075" y="48.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="206.589075" y="88.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="166.589075" y="88.000000" fill="rgb(178,178,0)" stroke-width="0" font-weight="bold" font-size="16" >S</text>
<text x="270.512123" y="188.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >OH</text>
<text x="235.871107" y="248.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="166.589075" y="248.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >NH</text>
<text x="93.125904" y="208.219124" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
</svg>
</g>
<text text-anchor="middle" font-size="2.000000" fill ="black" font-family="sans-serif"
x="50.000000" y="32.666667" ></text>
<g transform="translate(66.666667,0.000000)">
<svg width="33.333333" height="33.333333" x="0" y="0" viewBox="0 0 592.569157 433.795482"
font-family="sans-serif" stroke="rgb(0,0,0)" stroke-width="4.000000"  stroke-linecap="round">
<line x1="250.3" y1="152.9" x2="250.3" y2="180.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="280.2" y1="211.6" x2="281.0" y2="210.2" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="1.0"/>
<line x1="276.1" y1="210.0" x2="277.6" y2="207.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="1.0"/>
<line x1="272.1" y1="208.4" x2="274.1" y2="204.8" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="1.0"/>
<line x1="268.0" y1="206.7" x2="270.7" y2="202.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="1.0"/>
<line x1="263.9" y1="205.1" x2="267.3" y2="199.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="1.0"/>
<line x1="259.8" y1="203.5" x2="263.8" y2="196.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="1.0"/>
<polygon points="352.104186 252.170622 320.702820 274.919012 316.702820 267.990809 " stroke-width="4.000000" fill="rgb(0,0,0)"  stroke="rgb(0,0,0)" />
<line x1="411.8" y1="210.4" x2="412.6" y2="209.1" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="1.0"/>
<line x1="406.2" y1="207.9" x2="407.6" y2="205.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="1.0"/>
<line x1="400.5" y1="205.4" x2="402.6" y2="201.8" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="1.0"/>
<line x1="394.8" y1="202.8" x2="397.6" y2="198.1" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="1.0"/>
<line x1="389.2" y1="200.3" x2="392.5" y2="194.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="1.0"/>
<line x1="383.5" y1="197.8" x2="387.5" y2="190.9" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="1.0"/>
<polygon points="352.104186 213.602047 383.505552 190.853657 387.505552 197.781860 " stroke-width="4.000000" fill="rgb(0,0,0)"  stroke="rgb(0,0,0)" />
<polygon points="318.702820 194.317759 314.702820 153.853513 322.702820 153.853513 " stroke-width="4.000000" fill="rgb(0,0,0)"  stroke="rgb(0,0,0)" />
<line x1="317.2" y1="151.3" x2="341.0" y2="137.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="320.2" y1="156.5" x2="344.0" y2="142.7" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="318.7" y1="153.9" x2="294.9" y2="140.1" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="283.7" y1="120.6" x2="283.7" y2="93.2" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="519.1" y1="78.6" x2="519.2" y2="53.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="506.2" y1="40.0" x2="480.6" y2="40.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<polygon points="285.301453 252.170622 263.822600 269.190246 259.822600 262.262043 " stroke-width="4.000000" fill="rgb(0,0,0)"  stroke="rgb(0,0,0)" />
<line x1="239.0" y1="265.9" x2="215.2" y2="252.2" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="212.2" y1="252.2" x2="212.2" y2="224.7" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="218.2" y1="252.2" x2="218.2" y2="224.7" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="215.2" y1="252.2" x2="180.2" y2="272.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="110.1" y1="272.4" x2="86.3" y2="258.7" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="75.0" y1="239.2" x2="75.0" y2="211.7" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="110.1" y1="312.9" x2="86.3" y2="326.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="63.8" y1="326.6" x2="40.0" y2="312.9" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="145.1" y1="333.1" x2="145.1" y2="360.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="133.9" y1="380.1" x2="110.1" y2="393.8" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="485.7" y1="136.4" x2="463.6" y2="149.2" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="452.3" y1="168.7" x2="452.3" y2="194.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="452.3" y1="194.3" x2="485.7" y2="213.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="461.1" y1="191.1" x2="484.1" y2="204.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="485.7" y1="213.6" x2="519.2" y2="155.7" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="519.2" y1="155.7" x2="485.7" y2="136.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="510.4" y1="159.0" x2="487.3" y2="145.7" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="519.1" y1="78.6" x2="485.7" y2="97.9" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="517.6" y1="87.8" x2="494.5" y2="101.1" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="485.7" y1="97.9" x2="485.7" y2="136.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="519.2" y1="155.7" x2="552.6" y2="136.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="552.6" y1="136.4" x2="552.6" y2="97.9" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="545.4" y1="130.4" x2="545.4" y2="103.9" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="552.6" y1="97.9" x2="519.1" y2="78.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="145.1" y1="333.1" x2="110.1" y2="312.9" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="143.5" y1="323.9" x2="118.9" y2="309.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="110.1" y1="312.9" x2="110.1" y2="272.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="110.1" y1="272.4" x2="145.1" y2="252.2" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="118.9" y1="275.6" x2="143.5" y2="261.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="145.1" y1="252.2" x2="180.2" y2="272.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="180.2" y1="272.4" x2="180.2" y2="312.9" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="173.0" y1="278.4" x2="173.0" y2="306.9" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="180.2" y1="312.9" x2="145.1" y2="333.1" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="285.3" y1="213.6" x2="285.3" y2="252.2" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="285.3" y1="252.2" x2="318.7" y2="271.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="318.7" y1="271.5" x2="352.1" y2="252.2" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="352.1" y1="252.2" x2="352.1" y2="213.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="352.1" y1="213.6" x2="318.7" y2="194.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="318.7" y1="194.3" x2="285.3" y2="213.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="352.1" y1="252.2" x2="385.5" y2="271.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="385.5" y1="271.5" x2="407.6" y2="258.7" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="418.9" y1="239.2" x2="418.9" y2="213.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="418.9" y1="213.6" x2="385.5" y2="194.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="385.5" y1="194.3" x2="352.1" y2="213.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="485.7" y1="252.2" x2="485.7" y2="213.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="452.3" y1="194.3" x2="418.9" y2="213.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="430.2" y1="258.7" x2="452.3" y2="271.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="452.3" y1="271.5" x2="485.7" y2="252.2" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<text x="513.151597" y="48.003502" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="244.258388" y="280.402745" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="209.215324" y="219.706377" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="69.043065" y="260.170622" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="69.043065" y="341.099114" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="139.129194" y="381.563359" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="244.258388" y="201.369924" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="412.906919" y="260.170622" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text>
<text x="347.745884" y="141.621390" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="277.659755" y="141.621390" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="434.320644" y="163.735865" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >HN</text>
</svg>
</g>
<text text-anchor="middle" font-size="2.000000" fill ="black" font-family="sans-serif"
x="83.333333" y="32.666667" ></text>
<g transform="translate(0.000000,33.333333)">
<svg width="33.333333" height="33.333333" x="0" y="0" viewBox="0 0 852.569157 433.795482"
font-family="sans-serif" stroke="rgb(0,0,0)" stroke-width="4.000000"  stroke-linecap="round">
<line x1="250.3" y1="152.9" x2="250.3" y2="180.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="280.2" y1="211.6" x2="281.0" y2="210.2" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="1.0"/>
<line x1="276.1" y1="210.0" x2="277.6" y2="207.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="1.0"/>
<line x1="272.1" y1="208.4" x2="274.1" y2="204.8" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="1.0"/>
<line x1="268.0" y1="206.7" x2="270.7" y2="202.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="1.0"/>
<line x1="263.9" y1="205.1" x2="267.3" y2="199.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="1.0"/>
<line x1="259.8" y1="203.5" x2="263.8" y2="196.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="1.0"/>
<polygon points="352.104186 252.170622 320.702820 274.919012 316.702820 267.990809 " stroke-width="4.000000" fill="rgb(0,0,0)"  stroke="rgb(0,0,0)" />
<line x1="411.8" y1="210.4" x2="412.6" y2="209.1" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="1.0"/>
<line x1="406.2" y1="207.9" x2="407.6" y2="205.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="1.0"/>
<line x1="400.5" y1="205.4" x2="402.6" y2="201.8" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="1.0"/>
<line x1="394.8" y1="202.8" x2="397.6" y2="198.1" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="1.0"/>
<line x1="389.2" y1="200.3" x2="392.5" y2="194.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="1.0"/>
<line x1="383.5" y1="197.8" x2="387.5" y2="190.9" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="1.0"/>
<polygon points="352.104186 213.602047 383.505552 190.853657 387.505552 197.781860 " stroke-width="4.000000" fill="rgb(0,0,0)"  stroke="rgb(0,0,0)" />
<polygon points="318.702820 194.317759 314.702820 153.853513 322.702820 153.853513 " stroke-width="4.000000" fill="rgb(0,0,0)"  stroke="rgb(0,0,0)" />
<line x1="317.2" y1="151.3" x2="341.0" y2="137.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="320.2" y1="156.5" x2="344.0" y2="142.7" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="318.7" y1="153.9" x2="294.9" y2="140.1" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="283.7" y1="120.6" x2="283.7" y2="93.2" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="519.1" y1="78.6" x2="519.2" y2="53.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="506.2" y1="40.0" x2="480.6" y2="40.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<polygon points="285.301453 252.170622 263.822600 269.190246 259.822600 262.262043 " stroke-width="4.000000" fill="rgb(0,0,0)"  stroke="rgb(0,0,0)" />
<line x1="239.0" y1="265.9" x2="215.2" y2="252.2" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="212.2" y1="252.2" x2="212.2" y2="224.7" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="218.2" y1="252.2" x2="218.2" y2="224.7" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="215.2" y1="252.2" x2="180.2" y2="272.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="110.1" y1="272.4" x2="86.3" y2="258.7" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="75.0" y1="239.2" x2="75.0" y2="211.7" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="110.1" y1="312.9" x2="86.3" y2="326.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="63.8" y1="326.6" x2="40.0" y2="312.9" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="145.1" y1="333.1" x2="145.1" y2="360.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="133.9" y1="380.1" x2="110.1" y2="393.8" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="655.6" y1="191.6" x2="655.6" y2="205.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="649.6" y1="191.6" x2="649.6" y2="205.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="665.3" y1="182.5" x2="677.5" y2="189.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="662.3" y1="187.7" x2="674.5" y2="194.7" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="732.6" y1="109.3" x2="759.6" y2="109.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="775.6" y1="122.3" x2="775.6" y2="136.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="769.6" y1="122.3" x2="769.6" y2="136.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="785.6" y1="106.3" x2="799.6" y2="106.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="785.6" y1="112.3" x2="799.6" y2="112.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="772.6" y1="96.3" x2="772.6" y2="82.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="712.6" y1="74.6" x2="726.1" y2="51.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="485.7" y1="136.4" x2="463.6" y2="149.2" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="452.3" y1="168.7" x2="452.3" y2="194.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="452.3" y1="194.3" x2="485.7" y2="213.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="461.1" y1="191.1" x2="484.1" y2="204.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="485.7" y1="213.6" x2="519.2" y2="155.7" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="519.2" y1="155.7" x2="485.7" y2="136.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="510.4" y1="159.0" x2="487.3" y2="145.7" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="519.1" y1="78.6" x2="485.7" y2="97.9" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="517.6" y1="87.8" x2="494.5" y2="101.1" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="485.7" y1="97.9" x2="485.7" y2="136.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="519.2" y1="155.7" x2="552.6" y2="136.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="552.6" y1="136.4" x2="552.6" y2="97.9" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="545.4" y1="130.4" x2="545.4" y2="103.9" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="552.6" y1="97.9" x2="519.1" y2="78.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="145.1" y1="333.1" x2="110.1" y2="312.9" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="143.5" y1="323.9" x2="118.9" y2="309.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="110.1" y1="312.9" x2="110.1" y2="272.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="110.1" y1="272.4" x2="145.1" y2="252.2" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="118.9" y1="275.6" x2="143.5" y2="261.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="145.1" y1="252.2" x2="180.2" y2="272.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="180.2" y1="272.4" x2="180.2" y2="312.9" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="173.0" y1="278.4" x2="173.0" y2="306.9" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="180.2" y1="312.9" x2="145.1" y2="333.1" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="732.6" y1="109.3" x2="712.6" y2="143.9" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="712.6" y1="143.9" x2="672.6" y2="143.9" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="706.6" y1="136.7" x2="678.6" y2="136.7" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="672.6" y1="143.9" x2="652.6" y2="109.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="652.6" y1="109.3" x2="672.6" y2="74.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="661.8" y1="107.7" x2="675.8" y2="83.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="672.6" y1="74.6" x2="712.6" y2="74.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="712.6" y1="74.6" x2="732.6" y2="109.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="709.3" y1="83.4" x2="723.3" y2="107.7" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="285.3" y1="213.6" x2="285.3" y2="252.2" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="285.3" y1="252.2" x2="318.7" y2="271.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="318.7" y1="271.5" x2="352.1" y2="252.2" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="352.1" y1="252.2" x2="352.1" y2="213.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="352.1" y1="213.6" x2="318.7" y2="194.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="318.7" y1="194.3" x2="285.3" y2="213.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="352.1" y1="252.2" x2="385.5" y2="271.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="385.5" y1="271.5" x2="407.6" y2="258.7" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="418.9" y1="239.2" x2="418.9" y2="213.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="418.9" y1="213.6" x2="385.5" y2="194.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="385.5" y1="194.3" x2="352.1" y2="213.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="485.7" y1="252.2" x2="485.7" y2="213.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="452.3" y1="194.3" x2="418.9" y2="213.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="430.2" y1="258.7" x2="452.3" y2="271.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="452.3" y1="271.5" x2="485.7" y2="252.2" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="672.6" y1="143.9" x2="659.1" y2="167.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="639.6" y1="178.6" x2="625.6" y2="178.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="606.1" y1="167.3" x2="592.6" y2="143.9" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="592.6" y1="143.9" x2="606.1" y2="120.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="625.6" y1="109.3" x2="652.6" y2="109.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<text x="209.215324" y="219.706377" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="69.043065" y="260.170622" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="69.043065" y="341.099114" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="139.129194" y="381.563359" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="606.569157" y="117.282032" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text>
<text x="606.569157" y="101.282032" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >H</text>
<text x="646.569157" y="186.564065" fill="rgb(178,178,0)" stroke-width="0" font-weight="bold" font-size="16" >S</text>
<text x="646.569157" y="226.564065" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="681.210174" y="206.564065" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="606.569157" y="186.564065" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text>
<text x="606.569157" y="202.564065" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >H</text>
<text x="766.569157" y="117.282032" fill="rgb(178,178,0)" stroke-width="0" font-weight="bold" font-size="16" >S</text>
<text x="766.569157" y="157.282032" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="806.569157" y="117.282032" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="768.569157" y="77.282032" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >NH</text>
<text x="792.569157" y="80.962032" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="13" >2</text>
<text x="726.569157" y="48.000000" fill="rgb(30,239,30)" stroke-width="0" font-weight="bold" font-size="16" >Cl</text>
<text x="244.258388" y="201.369924" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="412.906919" y="260.170622" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text>
<text x="347.745884" y="141.621390" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="277.659755" y="141.621390" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="434.320644" y="163.735865" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >HN</text>
<text x="513.151597" y="48.003502" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="244.258388" y="280.402745" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
</svg>
</g>
<text text-anchor="middle" font-size="2.000000" fill ="black" font-family="sans-serif"
x="16.666667" y="66.000000" ></text>
<g transform="translate(33.333333,33.333333)">
<svg width="33.333333" height="33.333333" x="0" y="0" viewBox="0 0 434.949602 372.296837"
font-family="sans-serif" stroke="rgb(0,0,0)" stroke-width="4.000000"  stroke-linecap="round">
<line x1="310.3" y1="332.3" x2="299.9" y2="293.7" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="299.9" y1="293.7" x2="261.3" y2="283.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="132.7" y1="166.5" x2="109.3" y2="180.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="290.3" y1="244.1" x2="316.7" y2="238.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="261.3" y1="283.3" x2="243.5" y2="319.1" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="243.5" y1="319.1" x2="203.5" y2="321.6" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="213.2" y1="160.0" x2="247.8" y2="180.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="247.8" y1="180.0" x2="247.8" y2="220.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="240.6" y1="186.0" x2="240.6" y2="214.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="247.8" y1="220.0" x2="213.2" y2="240.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="213.2" y1="240.0" x2="178.6" y2="220.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="178.6" y1="220.0" x2="178.6" y2="180.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="185.8" y1="214.0" x2="185.8" y2="186.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="178.6" y1="180.0" x2="213.2" y2="160.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="109.3" y1="60.0" x2="143.9" y2="40.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="118.1" y1="63.2" x2="142.3" y2="49.2" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="143.9" y1="40.0" x2="178.6" y2="60.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="178.6" y1="60.0" x2="178.6" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="171.4" y1="66.0" x2="171.4" y2="94.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="178.6" y1="100.0" x2="143.9" y2="120.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="143.9" y1="120.0" x2="109.3" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="142.3" y1="110.8" x2="118.1" y2="96.8" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="109.3" y1="100.0" x2="109.3" y2="60.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="74.6" y1="240.0" x2="40.0" y2="220.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="73.0" y1="230.8" x2="48.8" y2="216.8" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="40.0" y1="220.0" x2="40.0" y2="180.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="40.0" y1="180.0" x2="74.6" y2="160.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="48.8" y1="183.2" x2="73.0" y2="169.2" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="74.6" y1="160.0" x2="109.3" y2="180.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="109.3" y1="180.0" x2="109.3" y2="220.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="102.1" y1="186.0" x2="102.1" y2="214.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="109.3" y1="220.0" x2="74.6" y2="240.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="368.2" y1="192.1" x2="394.9" y2="221.8" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="366.8" y1="201.4" x2="385.6" y2="222.2" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="394.9" y1="221.8" x2="382.6" y2="259.9" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="382.6" y1="259.9" x2="343.5" y2="268.2" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="375.2" y1="254.1" x2="347.8" y2="259.9" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="343.5" y1="268.2" x2="316.7" y2="238.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="316.7" y1="238.4" x2="329.1" y2="200.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="325.4" y1="235.0" x2="334.1" y2="208.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="329.1" y1="200.4" x2="368.2" y2="192.1" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="247.8" y1="220.0" x2="267.9" y2="238.1" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="272.3" y1="258.6" x2="261.3" y2="283.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="261.3" y1="283.3" x2="234.5" y2="280.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="218.8" y1="266.2" x2="213.2" y2="240.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="225.4" y1="262.8" x2="221.5" y2="244.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="178.6" y1="100.0" x2="201.9" y2="113.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="213.2" y1="133.2" x2="213.2" y2="160.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="206.0" y1="135.2" x2="206.0" y2="154.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="178.6" y1="180.0" x2="155.2" y2="166.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="143.9" y1="147.0" x2="143.9" y2="120.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<text x="271.571890" y="254.765224" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text>
<text x="137.923048" y="168.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text>
<text x="207.205081" y="128.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text>
<text x="215.521548" y="287.125904" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text>
</svg>
</g>
<text text-anchor="middle" font-size="2.000000" fill ="black" font-family="sans-serif"
x="50.000000" y="66.000000" ></text>
<g transform="translate(66.666667,33.333333)">
<svg width="33.333333" height="33.333333" x="0" y="0" viewBox="0 0 434.949602 372.296837"
font-family="sans-serif" stroke="rgb(0,0,0)" stroke-width="4.000000"  stroke-linecap="round">
<line x1="310.3" y1="332.3" x2="299.9" y2="293.7" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="299.9" y1="293.7" x2="261.3" y2="283.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="132.7" y1="166.5" x2="109.3" y2="180.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="290.3" y1="244.1" x2="316.7" y2="238.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="261.3" y1="283.3" x2="243.5" y2="319.1" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="213.2" y1="160.0" x2="247.8" y2="180.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="247.8" y1="180.0" x2="247.8" y2="220.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="240.6" y1="186.0" x2="240.6" y2="214.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="247.8" y1="220.0" x2="213.2" y2="240.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="213.2" y1="240.0" x2="178.6" y2="220.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="178.6" y1="220.0" x2="178.6" y2="180.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="185.8" y1="214.0" x2="185.8" y2="186.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="178.6" y1="180.0" x2="213.2" y2="160.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="109.3" y1="60.0" x2="143.9" y2="40.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="118.1" y1="63.2" x2="142.3" y2="49.2" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="143.9" y1="40.0" x2="178.6" y2="60.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="178.6" y1="60.0" x2="178.6" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="171.4" y1="66.0" x2="171.4" y2="94.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="178.6" y1="100.0" x2="143.9" y2="120.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="143.9" y1="120.0" x2="109.3" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="142.3" y1="110.8" x2="118.1" y2="96.8" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="109.3" y1="100.0" x2="109.3" y2="60.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="74.6" y1="240.0" x2="40.0" y2="220.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="73.0" y1="230.8" x2="48.8" y2="216.8" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="40.0" y1="220.0" x2="40.0" y2="180.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="40.0" y1="180.0" x2="74.6" y2="160.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="48.8" y1="183.2" x2="73.0" y2="169.2" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="74.6" y1="160.0" x2="109.3" y2="180.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="109.3" y1="180.0" x2="109.3" y2="220.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="102.1" y1="186.0" x2="102.1" y2="214.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="109.3" y1="220.0" x2="74.6" y2="240.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="368.2" y1="192.1" x2="394.9" y2="221.8" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="366.8" y1="201.4" x2="385.6" y2="222.2" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="394.9" y1="221.8" x2="382.6" y2="259.9" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="382.6" y1="259.9" x2="343.5" y2="268.2" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="375.2" y1="254.1" x2="347.8" y2="259.9" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="343.5" y1="268.2" x2="316.7" y2="238.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="316.7" y1="238.4" x2="329.1" y2="200.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="325.4" y1="235.0" x2="334.1" y2="208.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="329.1" y1="200.4" x2="368.2" y2="192.1" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="247.8" y1="220.0" x2="267.9" y2="238.1" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="272.3" y1="258.6" x2="261.3" y2="283.3" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="261.3" y1="283.3" x2="234.5" y2="280.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="218.8" y1="266.2" x2="213.2" y2="240.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="225.4" y1="262.8" x2="221.5" y2="244.4" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="178.6" y1="100.0" x2="201.9" y2="113.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="213.2" y1="133.2" x2="213.2" y2="160.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="206.0" y1="135.2" x2="206.0" y2="154.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="178.6" y1="180.0" x2="155.2" y2="166.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="143.9" y1="147.0" x2="143.9" y2="120.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<text x="271.571890" y="254.765224" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text>
<text x="137.923048" y="168.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text>
<text x="207.205081" y="128.000000" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text>
<text x="215.521548" y="287.125904" fill="rgb(12,12,255)" stroke-width="0" font-weight="bold" font-size="16" >N</text>
</svg>
</g>
<text text-anchor="middle" font-size="2.000000" fill ="black" font-family="sans-serif"
x="83.333333" y="66.000000" ></text>
<g transform="translate(0.000000,66.666667)">
<svg width="33.333333" height="33.333333" x="0" y="0" viewBox="0 0 253.205081 260.000000"
font-family="sans-serif" stroke="rgb(0,0,0)" stroke-width="4.000000"  stroke-linecap="round">
<line x1="40.0" y1="160.0" x2="74.6" y2="180.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="77.6" y1="180.0" x2="77.6" y2="207.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="71.6" y1="180.0" x2="71.6" y2="207.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="74.6" y1="180.0" x2="98.0" y2="166.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="109.3" y1="147.0" x2="109.3" y2="120.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="143.9" y1="100.0" x2="178.6" y2="120.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="181.6" y1="120.0" x2="181.6" y2="147.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="175.6" y1="120.0" x2="175.6" y2="147.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="178.6" y1="120.0" x2="201.9" y2="106.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="74.6" y1="60.0" x2="109.3" y2="40.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="83.4" y1="63.2" x2="107.7" y2="49.2" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="109.3" y1="40.0" x2="143.9" y2="60.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="143.9" y1="60.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="136.7" y1="66.0" x2="136.7" y2="94.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="143.9" y1="100.0" x2="109.3" y2="120.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="109.3" y1="120.0" x2="74.6" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="107.7" y1="110.8" x2="83.4" y2="96.8" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="74.6" y1="100.0" x2="74.6" y2="60.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<text x="68.641016" y="228.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="103.282032" y="168.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="172.564065" y="168.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="218.005081" y="85.888000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >_</text>
<text x="207.205081" y="108.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
</svg>
</g>
<text text-anchor="middle" font-size="2.000000" fill ="black" font-family="sans-serif"
x="16.666667" y="99.333333" ></text>
<g transform="translate(33.333333,66.666667)">
<svg width="33.333333" height="33.333333" x="0" y="0" viewBox="0 0 253.205081 260.000000"
font-family="sans-serif" stroke="rgb(0,0,0)" stroke-width="4.000000"  stroke-linecap="round">
<line x1="40.0" y1="160.0" x2="74.6" y2="180.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="77.6" y1="180.0" x2="77.6" y2="207.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="71.6" y1="180.0" x2="71.6" y2="207.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="74.6" y1="180.0" x2="98.0" y2="166.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="109.3" y1="147.0" x2="109.3" y2="120.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="143.9" y1="100.0" x2="178.6" y2="120.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="181.6" y1="120.0" x2="181.6" y2="147.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="175.6" y1="120.0" x2="175.6" y2="147.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="178.6" y1="120.0" x2="201.9" y2="106.5" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="74.6" y1="60.0" x2="109.3" y2="40.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="83.4" y1="63.2" x2="107.7" y2="49.2" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="109.3" y1="40.0" x2="143.9" y2="60.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="143.9" y1="60.0" x2="143.9" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="136.7" y1="66.0" x2="136.7" y2="94.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="143.9" y1="100.0" x2="109.3" y2="120.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="109.3" y1="120.0" x2="74.6" y2="100.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="107.7" y1="110.8" x2="83.4" y2="96.8" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<line x1="74.6" y1="100.0" x2="74.6" y2="60.0" opacity="1.0" stroke="rgb(0,0,0)"  stroke-width="4.0"/>
<text x="68.641016" y="228.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="103.282032" y="168.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="172.564065" y="168.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
<text x="218.005081" y="85.888000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >_</text>
<text x="207.205081" y="108.000000" fill="rgb(255,12,12)" stroke-width="0" font-weight="bold" font-size="16" >O</text>
</svg>
</g>
<text text-anchor="middle" font-size="2.000000" fill ="black" font-family="sans-serif"
x="50.000000" y="99.333333" ></text>
<script type="text/ecmascript">
  <![CDATA[
    var svgEl = document.getElementById("topsvg");
    svgEl.addEventListener('DOMMouseScroll', wheel, false);
    svgEl.addEventListener('mousewheel', wheel, false);
    var startx=0;
    var starty=0;
    function wheel(evt){
      evt = evt ? evt : window.event;
      var normal = evt.detail ? evt.detail * -1 : evt.wheelDelta / 40;
      var vb = new Array(4);
      var vbtext = svgEl.getAttributeNS(null,"viewBox");
      vb = vbtext.split(" ");
      var zoom = (normal<0)? 1.41 : 0.71;
      //var dwidth = parseFloat(Math.max(vb[2],vb[3])) * (1-zoom);
      vb[0] = parseFloat(vb[0]) + parseFloat(vb[2])*(1-zoom) * evt.clientX/innerWidth;
      vb[1] = parseFloat(vb[1]) + parseFloat(vb[3])*(1-zoom) * evt.clientY/innerHeight;
      vb[2] = parseFloat(vb[2]) * zoom;
      vb[3] = parseFloat(vb[3]) * zoom;
      svgEl.setAttributeNS(null, "viewBox", vb.join(" "));
      if (evt.preventDefault)
        evt.preventDefault(); // Don't scroll the page when zooming
    }
   svgEl.onmousedown = function(evt) {
      startx = evt.clientX;
      starty = evt.clientY;
    }
    svgEl.onmousemove=function(evt) {
      if(startx!=0 && starty!=0 
        && ((evt.clientX - startx)*(evt.clientX - startx)+(evt.clientY - starty)*(evt.clientY - starty)>100))
      {
        var vbtext = svgEl.getAttributeNS(null,"viewBox");
        vb = vbtext.split(" ");
        var maxwh = Math.max(parseFloat(vb[2]),parseFloat(vb[3]));
        vb[0] = parseFloat(vb[0]) - (evt.clientX - startx)*maxwh/innerWidth;
        vb[1] = parseFloat(vb[1]) - (evt.clientY - starty)*maxwh/innerHeight;
        svgEl.setAttributeNS(null, "viewBox", vb.join(" "));
        startx = evt.clientX;
        starty = evt.clientY;
      }
    } 
    svgEl.onmouseup=function() {
      startx=0;
      starty=0;
    }
    svgEl.ondblclick=function() {
      location.reload();
    }
  ]]>
</script>

</svg>