/test-data/mutation_data1_interactive.svg

https://bitbucket.org/cistrome/cistrome-harvard/ · SVG · 868 lines · 503 code · 365 blank · 0 comment · 19 complexity · 7a140e0deeaf6fa2001e241c83486dd5 MD5 · raw file 

    

  1. <?xml version="1.0" standalone="no"?>
    2. 

  2. <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
    3. 

  3. 

  4. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
    5. 

  5. <script type="text/javascript">
    6. 

  6. /**
    7. 

  7.  *  SVGPan library 1.2
    8. 

  8.  * ====================
    9. 

  9.  *
    10. 

  10.  * Given an unique existing element with id "viewport", including the
    11. 

  11.  * the library into any SVG adds the following capabilities:
    12. 

  12.  *
    13. 

  13.  *  - Mouse panning
    14. 

  14.  *  - Mouse zooming (using the wheel)
    15. 

  15.  *  - Object dargging
    16. 

  16.  *
    17. 

  17.  * Known issues:
    18. 

  18.  *
    19. 

  19.  *  - Zooming (while panning) on Safari has still some issues
    20. 

  20.  *
    21. 

  21.  * Releases:
    22. 

  22.  *
    23. 

  23.  * 1.2, Sat Mar 20 08:42:50 GMT 2010, Zeng Xiaohui
    24. 

  24.  *      Fixed a bug with browser mouse handler interaction
    25. 

  25.  *
    26. 

  26.  * 1.1, Wed Feb  3 17:39:33 GMT 2010, Zeng Xiaohui
    27. 

  27.  *      Updated the zoom code to support the mouse wheel on Safari/Chrome
    28. 

  28.  *
    29. 

  29.  * 1.0, Andrea Leofreddi
    30. 

  30.  *      First release
    31. 

  31.  *
    32. 

  32.  * This code is licensed under the following BSD license:
    33. 

  33.  *
    34. 

  34.  * Copyright 2009-2010 Andrea Leofreddi (a.leofreddi@itcharm.com). All rights reserved.
    35. 

  35.  *
    36. 

  36.  * Redistribution and use in source and binary forms, with or without modification, are
    37. 

  37.  * permitted provided that the following conditions are met:
    38. 

  38.  *
    39. 

  39.  *    1. Redistributions of source code must retain the above copyright notice, this list of
    40. 

  40.  *       conditions and the following disclaimer.
    41. 

  41.  *
    42. 

  42.  *    2. Redistributions in binary form must reproduce the above copyright notice, this list
    43. 

  43.  *       of conditions and the following disclaimer in the documentation and/or other materials
    44. 

  44.  *       provided with the distribution.
    45. 

  45.  *
    46. 

  46.  * THIS SOFTWARE IS PROVIDED BY Andrea Leofreddi ``AS IS'' AND ANY EXPRESS OR IMPLIED
    47. 

  47.  * WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND
    48. 

  48.  * FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL Andrea Leofreddi OR
    49. 

  49.  * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
    50. 

  50.  * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
    51. 

  51.  * SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
    52. 

  52.  * ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
    53. 

  53.  * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF
    54. 

  54.  * ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
    55. 

  55.  *
    56. 

  56.  * The views and conclusions contained in the software and documentation are those of the
    57. 

  57.  * authors and should not be interpreted as representing official policies, either expressed
    58. 

  58.  * or implied, of Andrea Leofreddi.
    59. 

  59.  */
    60. 

  60. 

  61. var root = document.documentElement;
    62. 

  62. 

  63. var state = 'none', stateTarget, stateOrigin, stateTf;
    64. 

  64. 

  65. setupHandlers(root);
    66. 

  66. 

  67. /**
    68. 

  68.  * Register handlers
    69. 

  69.  */
    70. 

  70. function setupHandlers(root){
    71. 

  71.         setAttributes(root, {
    72. 

  72.                 "onmouseup" : "add(evt)",
    73. 

  73.                 "onmousedown" : "handleMouseDown(evt)",
    74. 

  74.                 "onmousemove" : "handleMouseMove(evt)",
    75. 

  75.                 "onmouseup" : "handleMouseUp(evt)",
    76. 

  76.                 //"onmouseout" : "handleMouseUp(evt)", // Decomment this to stop the pan functionality when dragging out of the SVG element
    77. 

  77.         });
    78. 

  78. 

  79.         if(navigator.userAgent.toLowerCase().indexOf('webkit') >= 0)
    80. 

  80.                 window.addEventListener('mousewheel', handleMouseWheel, false); // Chrome/Safari
    81. 

  81.         else
    82. 

  82.                 window.addEventListener('DOMMouseScroll', handleMouseWheel, false); // Others
    83. 

  83. }
    84. 

  84. 

  85. /**
    86. 

  86.  * Instance an SVGPoint object with given event coordinates.
    87. 

  87.  */
    88. 

  88. function getEventPoint(evt) {
    89. 

  89.         var p = root.createSVGPoint();
    90. 

  90. 

  91.         p.x = evt.clientX;
    92. 

  92.         p.y = evt.clientY;
    93. 

  93. 

  94.         return p;
    95. 

  95. }
    96. 

  96. 

  97. /**
    98. 

  98.  * Sets the current transform matrix of an element.
    99. 

  99.  */
    100. 

  100. function setCTM(element, matrix) {
    101. 

  101.         var s = "matrix(" + matrix.a + "," + matrix.b + "," + matrix.c + "," + matrix.d + "," + matrix.e + "," + matrix.f + ")";
    102. 

  102. 

  103.         element.setAttribute("transform", s);
    104. 

  104. }
    105. 

  105. 

  106. /**
    107. 

  107.  * Dumps a matrix to a string (useful for debug).
    108. 

  108.  */
    109. 

  109. function dumpMatrix(matrix) {
    110. 

  110.         var s = "[ " + matrix.a + ", " + matrix.c + ", " + matrix.e + "\n  " + matrix.b + ", " + matrix.d + ", " + matrix.f + "\n  0, 0, 1 ]";
    111. 

  111. 

  112.         return s;
    113. 

  113. }
    114. 

  114. 

  115. /**
    116. 

  116.  * Sets attributes of an element.
    117. 

  117.  */
    118. 

  118. function setAttributes(element, attributes){
    119. 

  119.         for (i in attributes)
    120. 

  120.                 element.setAttributeNS(null, i, attributes[i]);
    121. 

  121. }
    122. 

  122. 

  123. /**
    124. 

  124.  * Handle mouse move event.
    125. 

  125.  */
    126. 

  126. function handleMouseWheel(evt) {
    127. 

  127.         if(evt.preventDefault)
    128. 

  128.                 evt.preventDefault();
    129. 

  129. 

  130.         evt.returnValue = false;
    131. 

  131. 

  132.         var svgDoc = evt.target.ownerDocument;
    133. 

  133. 

  134.         var delta;
    135. 

  135. 

  136.         if(evt.wheelDelta)
    137. 

  137.                 delta = evt.wheelDelta / 3600; // Chrome/Safari
    138. 

  138.         else
    139. 

  139.                 delta = evt.detail / -90; // Mozilla
    140. 

  140. 

  141.         var z = 1 + delta; // Zoom factor: 0.9/1.1
    142. 

  142. 

  143.         var g = svgDoc.getElementById("viewport");
    144. 

  144.        
    145. 

  145.         var p = getEventPoint(evt);
    146. 

  146. 

  147.         p = p.matrixTransform(g.getCTM().inverse());
    148. 

  148. 

  149.         // Compute new scale matrix in current mouse position
    150. 

  150.         var k = root.createSVGMatrix().translate(p.x, p.y).scale(z).translate(-p.x, -p.y);
    151. 

  151. 

  152.         setCTM(g, g.getCTM().multiply(k));
    153. 

  153. 

  154.         stateTf = stateTf.multiply(k.inverse());
    155. 

  155. }
    156. 

  156. 

  157. /**
    158. 

  158.  * Handle mouse move event.
    159. 

  159.  */
    160. 

  160. function handleMouseMove(evt) {
    161. 

  161.         if(evt.preventDefault)
    162. 

  162.                 evt.preventDefault();
    163. 

  163. 

  164.         evt.returnValue = false;
    165. 

  165. 

  166.         var svgDoc = evt.target.ownerDocument;
    167. 

  167. 

  168.         var g = svgDoc.getElementById("viewport");
    169. 

  169. 

  170.         if(state == 'pan') {
    171. 

  171.                 // Pan mode
    172. 

  172.                 var p = getEventPoint(evt).matrixTransform(stateTf);
    173. 

  173. 

  174.                 setCTM(g, stateTf.inverse().translate(p.x - stateOrigin.x, p.y - stateOrigin.y));
    175. 

  175.         } else if(state == 'move') {
    176. 

  176.                 // Move mode
    177. 

  177.                 var p = getEventPoint(evt).matrixTransform(g.getCTM().inverse());
    178. 

  178. 

  179.                 setCTM(stateTarget, root.createSVGMatrix().translate(p.x - stateOrigin.x, p.y - stateOrigin.y).multiply(g.getCTM().inverse()).multiply(stateTarget.getCTM()));
    180. 

  180. 

  181.                 stateOrigin = p;
    182. 

  182.         }
    183. 

  183. }
    184. 

  184. 

  185. /**
    186. 

  186.  * Handle click event.
    187. 

  187.  */
    188. 

  188. function handleMouseDown(evt) {
    189. 

  189.         if(evt.preventDefault)
    190. 

  190.                 evt.preventDefault();
    191. 

  191. 

  192.         evt.returnValue = false;
    193. 

  193. 

  194.         var svgDoc = evt.target.ownerDocument;
    195. 

  195. 

  196.         var g = svgDoc.getElementById("viewport");
    197. 

  197. 

  198.         if(evt.target.tagName == "svg") {
    199. 

  199.                 // Pan mode
    200. 

  200.                 state = 'pan';
    201. 

  201. 

  202.                 stateTf = g.getCTM().inverse();
    203. 

  203. 

  204.                 stateOrigin = getEventPoint(evt).matrixTransform(stateTf);
    205. 

  205.         }
    206. 

  206.         /*else {
    207. 

  207.                 // Move mode
    208. 

  208.                 state = 'move';
    209. 

    210. 

  210.                 stateTarget = evt.target;
    211. 

    212. 

  212.                 stateTf = g.getCTM().inverse();
    213. 

    214. 

  214.                 stateOrigin = getEventPoint(evt).matrixTransform(stateTf);
    215. 

  215.         }*/
    216. 

  216. }
    217. 

  217. /**
    218. 

  218.  * Handle mouse button release event.
    219. 

  219.  */
    220. 

  220. function handleMouseUp(evt) {
    221. 

  221.         if(evt.preventDefault)
    222. 

  222.                 evt.preventDefault();
    223. 

  223. 

  224.         evt.returnValue = false;
    225. 

  225. 

  226.         var svgDoc = evt.target.ownerDocument;
    227. 

  227. 

  228.         if(state == 'pan' || state == 'move') {
    229. 

  229.                 // Quit pan mode
    230. 

  230.                 state = '';
    231. 

  231.         }
    232. 

  232. }
    233. 

  233. </script>
    234. 

  234. 

  235. <g id="viewport">
    236. 

  236. 

  237. <text y="3" x="12" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:20%">A</tspan></text>
    238. 

  238. 

  239. <rect fill-opacity="0.5" height="3" width="4" stroke="none" y="0" x="14" fill="blue" />
    240. 

  240. 

  241. <text y="3" x="22" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:20%">C</tspan></text>
    242. 

  242. 

  243. <rect fill-opacity="0.5" height="3" width="4" stroke="none" y="0" x="24" fill="green" />
    244. 

  244. 

  245. <text y="3" x="32" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:20%">G</tspan></text>
    246. 

  246. 

  247. <rect fill-opacity="0.5" height="3" width="4" stroke="none" y="0" x="34" fill="orange" />
    248. 

  248. 

  249. <text y="3" x="42" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:20%">T</tspan></text>
    250. 

  250. 

  251. <rect fill-opacity="0.5" height="3" width="4" stroke="none" y="0" x="44" fill="red" />
    252. 

  252. 

  253. <text y="35" x="23" stroke="none" transform="rotate(-90 23,35)" fill="black"><tspan style="font-family:Verdana;font-size:25%">s1</tspan></text>
    254. 

  254. 

  255. <text y="42" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">72</tspan></text>
    256. 

  256. 

  257. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="38" x="0" fill="orange" />
    258. 

  258. 

  259. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="38" x="16" fill="grey" />
    260. 

  260. 

  261. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="38" x="16" fill="blue" />
    262. 

  262. 

  263. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="39.5" x="16" fill="green" />
    264. 

  264. 

  265. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="41.0" x="16" fill="orange" />
    266. 

  266. 

  267. <rect fill-opacity="0.6" height="1.5" width="0" stroke="none" y="42.5" x="16" fill="red" />
    268. 

  268. 

  269. <text y="50" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">149</tspan></text>
    270. 

  270. 

  271. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="46" x="0" fill="red" />
    272. 

  272. 

  273. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="46" x="16" fill="grey" />
    274. 

  274. 

  275. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="46" x="16" fill="blue" />
    276. 

  276. 

  277. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="47.5" x="16" fill="green" />
    278. 

  278. 

  279. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="49.0" x="16" fill="orange" />
    280. 

  280. 

  281. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="50.5" x="16" fill="red" />
    282. 

  282. 

  283. <text y="58" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">194</tspan></text>
    284. 

  284. 

  285. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="54" x="0" fill="green" />
    286. 

  286. 

  287. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="54" x="16" fill="grey" />
    288. 

  288. 

  289. <rect fill-opacity="0.6" height="1.5" width="0" stroke="none" y="54" x="16" fill="blue" />
    290. 

  290. 

  291. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="55.5" x="16" fill="green" />
    292. 

  292. 

  293. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="57.0" x="16" fill="orange" />
    294. 

  294. 

  295. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="58.5" x="16" fill="red" />
    296. 

  296. 

  297. <text y="66" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">299</tspan></text>
    298. 

  298. 

  299. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="62" x="0" fill="blue" />
    300. 

  300. 

  301. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="62" x="16" fill="grey" />
    302. 

  302. 

  303. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="62" x="16" fill="blue" />
    304. 

  304. 

  305. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="63.5" x="16" fill="green" />
    306. 

  306. 

  307. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="65.0" x="16" fill="orange" />
    308. 

  308. 

  309. <rect fill-opacity="0.6" height="1.5" width="0" stroke="none" y="66.5" x="16" fill="red" />
    310. 

  310. 

  311. <text y="74" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">309</tspan></text>
    312. 

  312. 

  313. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="70" x="0" fill="green" />
    314. 

  314. 

  315. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="70" x="16" fill="grey" />
    316. 

  316. 

  317. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="70" x="16" fill="blue" />
    318. 

  318. 

  319. <rect fill-opacity="0.6" height="1.5" width="11" stroke="none" y="71.5" x="16" fill="green" />
    320. 

  320. 

  321. <rect fill-opacity="0.6" height="1.5" width="0" stroke="none" y="73.0" x="16" fill="orange" />
    322. 

  322. 

  323. <rect fill-opacity="0.6" height="1.5" width="2" stroke="none" y="74.5" x="16" fill="red" />
    324. 

  324. 

  325. <text y="82" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">310</tspan></text>
    326. 

  326. 

  327. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="78" x="0" fill="red" />
    328. 

  328. 

  329. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="78" x="16" fill="grey" />
    330. 

  330. 

  331. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="78" x="16" fill="blue" />
    332. 

  332. 

  333. <rect fill-opacity="0.6" height="1.5" width="4" stroke="none" y="79.5" x="16" fill="green" />
    334. 

  334. 

  335. <rect fill-opacity="0.6" height="1.5" width="0" stroke="none" y="81.0" x="16" fill="orange" />
    336. 

  336. 

  337. <rect fill-opacity="0.6" height="1.5" width="9" stroke="none" y="82.5" x="16" fill="red" />
    338. 

  338. 

  339. <text y="90" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">409</tspan></text>
    340. 

  340. 

  341. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="86" x="0" fill="blue" />
    342. 

  342. 

  343. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="86" x="16" fill="grey" />
    344. 

  344. 

  345. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="86" x="16" fill="blue" />
    346. 

  346. 

  347. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="87.5" x="16" fill="green" />
    348. 

  348. 

  349. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="89.0" x="16" fill="orange" />
    350. 

  350. 

  351. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="90.5" x="16" fill="red" />
    352. 

  352. 

  353. <text y="98" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">2353</tspan></text>
    354. 

  354. 

  355. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="94" x="0" fill="green" />
    356. 

  356. 

  357. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="94" x="16" fill="grey" />
    358. 

  358. 

  359. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="94" x="16" fill="blue" />
    360. 

  360. 

  361. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="95.5" x="16" fill="green" />
    362. 

  362. 

  363. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="97.0" x="16" fill="orange" />
    364. 

  364. 

  365. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="98.5" x="16" fill="red" />
    366. 

  366. 

  367. <text y="106" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">2484</tspan></text>
    368. 

  368. 

  369. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="102" x="0" fill="green" />
    370. 

  370. 

  371. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="102" x="16" fill="grey" />
    372. 

  372. 

  373. <rect fill-opacity="0.6" height="1.5" width="0" stroke="none" y="102" x="16" fill="blue" />
    374. 

  374. 

  375. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="103.5" x="16" fill="green" />
    376. 

  376. 

  377. <rect fill-opacity="0.6" height="1.5" width="0" stroke="none" y="105.0" x="16" fill="orange" />
    378. 

  378. 

  379. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="106.5" x="16" fill="red" />
    380. 

  380. 

  381. <text y="114" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">2707</tspan></text>
    382. 

  382. 

  383. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="110" x="0" fill="orange" />
    384. 

  384. 

  385. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="110" x="16" fill="grey" />
    386. 

  386. 

  387. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="110" x="16" fill="blue" />
    388. 

  388. 

  389. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="111.5" x="16" fill="green" />
    390. 

  390. 

  391. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="113.0" x="16" fill="orange" />
    392. 

  392. 

  393. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="114.5" x="16" fill="red" />
    394. 

  394. 

  395. <text y="122" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">3011</tspan></text>
    396. 

  396. 

  397. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="118" x="0" fill="orange" />
    398. 

  398. 

  399. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="118" x="16" fill="grey" />
    400. 

  400. 

  401. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="118" x="16" fill="blue" />
    402. 

  402. 

  403. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="119.5" x="16" fill="green" />
    404. 

  404. 

  405. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="121.0" x="16" fill="orange" />
    406. 

  406. 

  407. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="122.5" x="16" fill="red" />
    408. 

  408. 

  409. <text y="130" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">3434</tspan></text>
    410. 

  410. 

  411. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="126" x="0" fill="blue" />
    412. 

  412. 

  413. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="126" x="16" fill="grey" />
    414. 

  414. 

  415. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="126" x="16" fill="blue" />
    416. 

  416. 

  417. <rect fill-opacity="0.6" height="1.5" width="0" stroke="none" y="127.5" x="16" fill="green" />
    418. 

  418. 

  419. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="129.0" x="16" fill="orange" />
    420. 

  420. 

  421. <rect fill-opacity="0.6" height="1.5" width="0" stroke="none" y="130.5" x="16" fill="red" />
    422. 

  422. 

  423. <text y="138" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">3480</tspan></text>
    424. 

  424. 

  425. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="134" x="0" fill="blue" />
    426. 

  426. 

  427. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="134" x="16" fill="grey" />
    428. 

  428. 

  429. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="134" x="16" fill="blue" />
    430. 

  430. 

  431. <rect fill-opacity="0.6" height="1.5" width="0" stroke="none" y="135.5" x="16" fill="green" />
    432. 

  432. 

  433. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="137.0" x="16" fill="orange" />
    434. 

  434. 

  435. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="138.5" x="16" fill="red" />
    436. 

  436. 

  437. <text y="146" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">5063</tspan></text>
    438. 

  438. 

  439. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="142" x="0" fill="red" />
    440. 

  440. 

  441. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="142" x="16" fill="grey" />
    442. 

  442. 

  443. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="142" x="16" fill="blue" />
    444. 

  444. 

  445. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="143.5" x="16" fill="green" />
    446. 

  446. 

  447. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="145.0" x="16" fill="orange" />
    448. 

  448. 

  449. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="146.5" x="16" fill="red" />
    450. 

  450. 

  451. <text y="154" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">5580</tspan></text>
    452. 

  452. 

  453. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="150" x="0" fill="green" />
    454. 

  454. 

  455. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="150" x="16" fill="grey" />
    456. 

  456. 

  457. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="150" x="16" fill="blue" />
    458. 

  458. 

  459. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="151.5" x="16" fill="green" />
    460. 

  460. 

  461. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="153.0" x="16" fill="orange" />
    462. 

  462. 

  463. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="154.5" x="16" fill="red" />
    464. 

  464. 

  465. <text y="162" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">7028</tspan></text>
    466. 

  466. 

  467. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="158" x="0" fill="red" />
    468. 

  468. 

  469. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="158" x="16" fill="grey" />
    470. 

  470. 

  471. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="158" x="16" fill="blue" />
    472. 

  472. 

  473. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="159.5" x="16" fill="green" />
    474. 

  474. 

  475. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="161.0" x="16" fill="orange" />
    476. 

  476. 

  477. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="162.5" x="16" fill="red" />
    478. 

  478. 

  479. <text y="170" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">8701</tspan></text>
    480. 

  480. 

  481. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="166" x="0" fill="orange" />
    482. 

  482. 

  483. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="166" x="16" fill="grey" />
    484. 

  484. 

  485. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="166" x="16" fill="blue" />
    486. 

  486. 

  487. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="167.5" x="16" fill="green" />
    488. 

  488. 

  489. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="169.0" x="16" fill="orange" />
    490. 

  490. 

  491. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="170.5" x="16" fill="red" />
    492. 

  492. 

  493. <text y="178" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">8992</tspan></text>
    494. 

  494. 

  495. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="174" x="0" fill="green" />
    496. 

  496. 

  497. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="174" x="16" fill="grey" />
    498. 

  498. 

  499. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="174" x="16" fill="blue" />
    500. 

  500. 

  501. <rect fill-opacity="0.6" height="1.5" width="8" stroke="none" y="175.5" x="16" fill="green" />
    502. 

  502. 

  503. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="177.0" x="16" fill="orange" />
    504. 

  504. 

  505. <rect fill-opacity="0.6" height="1.5" width="5" stroke="none" y="178.5" x="16" fill="red" />
    506. 

  506. 

  507. <text y="186" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">9377</tspan></text>
    508. 

  508. 

  509. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="182" x="0" fill="orange" />
    510. 

  510. 

  511. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="182" x="16" fill="grey" />
    512. 

  512. 

  513. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="182" x="16" fill="blue" />
    514. 

  514. 

  515. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="183.5" x="16" fill="green" />
    516. 

  516. 

  517. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="185.0" x="16" fill="orange" />
    518. 

  518. 

  519. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="186.5" x="16" fill="red" />
    520. 

  520. 

  521. <text y="194" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">9540</tspan></text>
    522. 

  522. 

  523. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="190" x="0" fill="green" />
    524. 

  524. 

  525. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="190" x="16" fill="grey" />
    526. 

  526. 

  527. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="190" x="16" fill="blue" />
    528. 

  528. 

  529. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="191.5" x="16" fill="green" />
    530. 

  530. 

  531. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="193.0" x="16" fill="orange" />
    532. 

  532. 

  533. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="194.5" x="16" fill="red" />
    534. 

  534. 

  535. <text y="202" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">10398</tspan></text>
    536. 

  536. 

  537. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="198" x="0" fill="orange" />
    538. 

  538. 

  539. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="198" x="16" fill="grey" />
    540. 

  540. 

  541. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="198" x="16" fill="blue" />
    542. 

  542. 

  543. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="199.5" x="16" fill="green" />
    544. 

  544. 

  545. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="201.0" x="16" fill="orange" />
    546. 

  546. 

  547. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="202.5" x="16" fill="red" />
    548. 

  548. 

  549. <text y="210" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">10550</tspan></text>
    550. 

  550. 

  551. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="206" x="0" fill="blue" />
    552. 

  552. 

  553. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="206" x="16" fill="grey" />
    554. 

  554. 

  555. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="206" x="16" fill="blue" />
    556. 

  556. 

  557. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="207.5" x="16" fill="green" />
    558. 

  558. 

  559. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="209.0" x="16" fill="orange" />
    560. 

  560. 

  561. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="210.5" x="16" fill="red" />
    562. 

  562. 

  563. <text y="218" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">10819</tspan></text>
    564. 

  564. 

  565. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="214" x="0" fill="orange" />
    566. 

  566. 

  567. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="214" x="16" fill="grey" />
    568. 

  568. 

  569. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="214" x="16" fill="blue" />
    570. 

  570. 

  571. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="215.5" x="16" fill="green" />
    572. 

  572. 

  573. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="217.0" x="16" fill="orange" />
    574. 

  574. 

  575. <rect fill-opacity="0.6" height="1.5" width="0" stroke="none" y="218.5" x="16" fill="red" />
    576. 

  576. 

  577. <text y="226" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">10873</tspan></text>
    578. 

  578. 

  579. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="222" x="0" fill="green" />
    580. 

  580. 

  581. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="222" x="16" fill="grey" />
    582. 

  582. 

  583. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="222" x="16" fill="blue" />
    584. 

  584. 

  585. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="223.5" x="16" fill="green" />
    586. 

  586. 

  587. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="225.0" x="16" fill="orange" />
    588. 

  588. 

  589. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="226.5" x="16" fill="red" />
    590. 

  590. 

  591. <text y="234" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">11017</tspan></text>
    592. 

  592. 

  593. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="230" x="0" fill="green" />
    594. 

  594. 

  595. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="230" x="16" fill="grey" />
    596. 

  596. 

  597. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="230" x="16" fill="blue" />
    598. 

  598. 

  599. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="231.5" x="16" fill="green" />
    600. 

  600. 

  601. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="233.0" x="16" fill="orange" />
    602. 

  602. 

  603. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="234.5" x="16" fill="red" />
    604. 

  604. 

  605. <text y="242" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">11299</tspan></text>
    606. 

  606. 

  607. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="238" x="0" fill="red" />
    608. 

  608. 

  609. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="238" x="16" fill="grey" />
    610. 

  610. 

  611. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="238" x="16" fill="blue" />
    612. 

  612. 

  613. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="239.5" x="16" fill="green" />
    614. 

  614. 

  615. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="241.0" x="16" fill="orange" />
    616. 

  616. 

  617. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="242.5" x="16" fill="red" />
    618. 

  618. 

  619. <text y="250" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">11719</tspan></text>
    620. 

  620. 

  621. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="246" x="0" fill="blue" />
    622. 

  622. 

  623. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="246" x="16" fill="grey" />
    624. 

  624. 

  625. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="246" x="16" fill="blue" />
    626. 

  626. 

  627. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="247.5" x="16" fill="green" />
    628. 

  628. 

  629. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="249.0" x="16" fill="orange" />
    630. 

  630. 

  631. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="250.5" x="16" fill="red" />
    632. 

  632. 

  633. <text y="258" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">11722</tspan></text>
    634. 

  634. 

  635. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="254" x="0" fill="green" />
    636. 

  636. 

  637. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="254" x="16" fill="grey" />
    638. 

  638. 

  639. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="254" x="16" fill="blue" />
    640. 

  640. 

  641. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="255.5" x="16" fill="green" />
    642. 

  642. 

  643. <rect fill-opacity="0.6" height="1.5" width="0" stroke="none" y="257.0" x="16" fill="orange" />
    644. 

  644. 

  645. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="258.5" x="16" fill="red" />
    646. 

  646. 

  647. <text y="266" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">12705</tspan></text>
    648. 

  648. 

  649. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="262" x="0" fill="red" />
    650. 

  650. 

  651. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="262" x="16" fill="grey" />
    652. 

  652. 

  653. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="262" x="16" fill="blue" />
    654. 

  654. 

  655. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="263.5" x="16" fill="green" />
    656. 

  656. 

  657. <rect fill-opacity="0.6" height="1.5" width="0" stroke="none" y="265.0" x="16" fill="orange" />
    658. 

  658. 

  659. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="266.5" x="16" fill="red" />
    660. 

  660. 

  661. <text y="274" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">12850</tspan></text>
    662. 

  662. 

  663. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="270" x="0" fill="orange" />
    664. 

  664. 

  665. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="270" x="16" fill="grey" />
    666. 

  666. 

  667. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="270" x="16" fill="blue" />
    668. 

  668. 

  669. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="271.5" x="16" fill="green" />
    670. 

  670. 

  671. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="273.0" x="16" fill="orange" />
    672. 

  672. 

  673. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="274.5" x="16" fill="red" />
    674. 

  674. 

  675. <text y="282" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">14053</tspan></text>
    676. 

  676. 

  677. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="278" x="0" fill="blue" />
    678. 

  678. 

  679. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="278" x="16" fill="grey" />
    680. 

  680. 

  681. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="278" x="16" fill="blue" />
    682. 

  682. 

  683. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="279.5" x="16" fill="green" />
    684. 

  684. 

  685. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="281.0" x="16" fill="orange" />
    686. 

  686. 

  687. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="282.5" x="16" fill="red" />
    688. 

  688. 

  689. <text y="290" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">14212</tspan></text>
    690. 

  690. 

  691. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="286" x="0" fill="green" />
    692. 

  692. 

  693. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="286" x="16" fill="grey" />
    694. 

  694. 

  695. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="286" x="16" fill="blue" />
    696. 

  696. 

  697. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="287.5" x="16" fill="green" />
    698. 

  698. 

  699. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="289.0" x="16" fill="orange" />
    700. 

  700. 

  701. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="290.5" x="16" fill="red" />
    702. 

  702. 

  703. <text y="298" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">14580</tspan></text>
    704. 

  704. 

  705. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="294" x="0" fill="orange" />
    706. 

  706. 

  707. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="294" x="16" fill="grey" />
    708. 

  708. 

  709. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="294" x="16" fill="blue" />
    710. 

  710. 

  711. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="295.5" x="16" fill="green" />
    712. 

  712. 

  713. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="297.0" x="16" fill="orange" />
    714. 

  714. 

  715. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="298.5" x="16" fill="red" />
    716. 

  716. 

  717. <text y="306" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">14766</tspan></text>
    718. 

  718. 

  719. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="302" x="0" fill="red" />
    720. 

  720. 

  721. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="302" x="16" fill="grey" />
    722. 

  722. 

  723. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="302" x="16" fill="blue" />
    724. 

  724. 

  725. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="303.5" x="16" fill="green" />
    726. 

  726. 

  727. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="305.0" x="16" fill="orange" />
    728. 

  728. 

  729. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="306.5" x="16" fill="red" />
    730. 

  730. 

  731. <text y="314" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">14905</tspan></text>
    732. 

  732. 

  733. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="310" x="0" fill="blue" />
    734. 

  734. 

  735. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="310" x="16" fill="grey" />
    736. 

  736. 

  737. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="310" x="16" fill="blue" />
    738. 

  738. 

  739. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="311.5" x="16" fill="green" />
    740. 

  740. 

  741. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="313.0" x="16" fill="orange" />
    742. 

  742. 

  743. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="314.5" x="16" fill="red" />
    744. 

  744. 

  745. <text y="322" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">15301</tspan></text>
    746. 

  746. 

  747. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="318" x="0" fill="blue" />
    748. 

  748. 

  749. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="318" x="16" fill="grey" />
    750. 

  750. 

  751. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="318" x="16" fill="blue" />
    752. 

  752. 

  753. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="319.5" x="16" fill="green" />
    754. 

  754. 

  755. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="321.0" x="16" fill="orange" />
    756. 

  756. 

  757. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="322.5" x="16" fill="red" />
    758. 

  758. 

  759. <text y="330" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">15932</tspan></text>
    760. 

  760. 

  761. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="326" x="0" fill="green" />
    762. 

  762. 

  763. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="326" x="16" fill="grey" />
    764. 

  764. 

  765. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="326" x="16" fill="blue" />
    766. 

  766. 

  767. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="327.5" x="16" fill="green" />
    768. 

  768. 

  769. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="329.0" x="16" fill="orange" />
    770. 

  770. 

  771. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="330.5" x="16" fill="red" />
    772. 

  772. 

  773. <text y="338" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">16172</tspan></text>
    774. 

  774. 

  775. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="334" x="0" fill="green" />
    776. 

  776. 

  777. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="334" x="16" fill="grey" />
    778. 

  778. 

  779. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="334" x="16" fill="blue" />
    780. 

  780. 

  781. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="335.5" x="16" fill="green" />
    782. 

  782. 

  783. <rect fill-opacity="0.6" height="1.5" width="0" stroke="none" y="337.0" x="16" fill="orange" />
    784. 

  784. 

  785. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="338.5" x="16" fill="red" />
    786. 

  786. 

  787. <text y="346" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">16183</tspan></text>
    788. 

  788. 

  789. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="342" x="0" fill="green" />
    790. 

  790. 

  791. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="342" x="16" fill="grey" />
    792. 

  792. 

  793. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="342" x="16" fill="blue" />
    794. 

  794. 

  795. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="343.5" x="16" fill="green" />
    796. 

  796. 

  797. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="345.0" x="16" fill="orange" />
    798. 

  798. 

  799. <rect fill-opacity="0.6" height="1.5" width="0" stroke="none" y="346.5" x="16" fill="red" />
    800. 

  800. 

  801. <text y="354" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">16184</tspan></text>
    802. 

  802. 

  803. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="350" x="0" fill="green" />
    804. 

  804. 

  805. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="350" x="16" fill="grey" />
    806. 

  806. 

  807. <rect fill-opacity="0.6" height="1.5" width="0" stroke="none" y="350" x="16" fill="blue" />
    808. 

  808. 

  809. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="351.5" x="16" fill="green" />
    810. 

  810. 

  811. <rect fill-opacity="0.6" height="1.5" width="0" stroke="none" y="353.0" x="16" fill="orange" />
    812. 

  812. 

  813. <rect fill-opacity="0.6" height="1.5" width="0" stroke="none" y="354.5" x="16" fill="red" />
    814. 

  814. 

  815. <text y="362" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">16189</tspan></text>
    816. 

  816. 

  817. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="358" x="0" fill="green" />
    818. 

  818. 

  819. <text y="370" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">16190</tspan></text>
    820. 

  820. 

  821. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="366" x="0" fill="green" />
    822. 

  822. 

  823. <text y="378" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">16224</tspan></text>
    824. 

  824. 

  825. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="374" x="0" fill="red" />
    826. 

  826. 

  827. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="374" x="16" fill="grey" />
    828. 

  828. 

  829. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="374" x="16" fill="blue" />
    830. 

  830. 

  831. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="375.5" x="16" fill="green" />
    832. 

  832. 

  833. <rect fill-opacity="0.6" height="1.5" width="0" stroke="none" y="377.0" x="16" fill="orange" />
    834. 

  834. 

  835. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="378.5" x="16" fill="red" />
    836. 

  836. 

  837. <text y="386" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">16240</tspan></text>
    838. 

  838. 

  839. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="382" x="0" fill="green" />
    840. 

  840. 

  841. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="382" x="16" fill="grey" />
    842. 

  842. 

  843. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="382" x="16" fill="blue" />
    844. 

  844. 

  845. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="383.5" x="16" fill="green" />
    846. 

  846. 

  847. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="385.0" x="16" fill="orange" />
    848. 

  848. 

  849. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="386.5" x="16" fill="red" />
    850. 

  850. 

  851. <text y="394" x="0" stroke="none" fill="black"><tspan style="font-family:Verdana;font-size:25%">16321</tspan></text>
    852. 

  852. 

  853. <rect fill-opacity="0.2" height="6" width="14" stroke="none" y="390" x="0" fill="red" />
    854. 

  854. 

  855. <rect fill-opacity="0.25" height="6" width="12" stroke="none" y="390" x="16" fill="grey" />
    856. 

  856. 

  857. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="390" x="16" fill="blue" />
    858. 

  858. 

  859. <rect fill-opacity="0.6" height="1.5" width="12" stroke="none" y="391.5" x="16" fill="green" />
    860. 

  860. 

  861. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="393.0" x="16" fill="orange" />
    862. 

  862. 

  863. <rect fill-opacity="0.6" height="1.5" width="1" stroke="none" y="394.5" x="16" fill="red" />
    864. 

  864. 

  865. </g>
    866. 

  866. 

  867. </svg>
    868.