scruffy 0.2.6 → 0.3.0.beta1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (96) hide show
  1. data/{History.txt → CHANGES.txt} +15 -12
  2. data/README.txt +25 -25
  3. data/lib/scruffy.rb +0 -5
  4. data/lib/scruffy/components.rb +1 -0
  5. data/lib/scruffy/components/axes.rb +23 -0
  6. data/lib/scruffy/components/background.rb +3 -3
  7. data/lib/scruffy/components/base.rb +3 -0
  8. data/lib/scruffy/components/data_markers.rb +23 -8
  9. data/lib/scruffy/components/graphs.rb +4 -0
  10. data/lib/scruffy/components/grid.rb +45 -4
  11. data/lib/scruffy/components/legend.rb +63 -21
  12. data/lib/scruffy/components/title.rb +1 -1
  13. data/lib/scruffy/components/value_markers.rb +9 -16
  14. data/lib/scruffy/formatters.rb +41 -3
  15. data/lib/scruffy/graph.rb +27 -11
  16. data/lib/scruffy/graph_state.rb +5 -0
  17. data/lib/scruffy/helpers.rb +1 -0
  18. data/lib/scruffy/helpers/layer_container.rb +28 -4
  19. data/lib/scruffy/helpers/marker_helper.rb +25 -0
  20. data/lib/scruffy/helpers/point_container.rb +46 -17
  21. data/lib/scruffy/layers.rb +6 -1
  22. data/lib/scruffy/layers/bar.rb +35 -14
  23. data/lib/scruffy/layers/base.rb +51 -21
  24. data/lib/scruffy/layers/box.rb +114 -0
  25. data/lib/scruffy/layers/line.rb +31 -14
  26. data/lib/scruffy/layers/multi.rb +74 -0
  27. data/lib/scruffy/layers/multi_area.rb +119 -0
  28. data/lib/scruffy/layers/multi_bar.rb +51 -0
  29. data/lib/scruffy/layers/scatter.rb +13 -5
  30. data/lib/scruffy/layers/stacked.rb +2 -1
  31. data/lib/scruffy/rasterizers.rb +1 -0
  32. data/lib/scruffy/rasterizers/mini_magick_rasterizer.rb +24 -0
  33. data/lib/scruffy/rasterizers/rmagick_rasterizer.rb +8 -2
  34. data/lib/scruffy/renderers.rb +2 -0
  35. data/lib/scruffy/renderers/axis_legend.rb +41 -0
  36. data/lib/scruffy/renderers/base.rb +6 -4
  37. data/lib/scruffy/renderers/basic.rb +20 -0
  38. data/lib/scruffy/renderers/standard.rb +7 -6
  39. data/lib/scruffy/themes.rb +37 -1
  40. data/lib/scruffy/version.rb +1 -7
  41. data/spec/output/array.svg +55 -0
  42. data/spec/output/hash.svg +55 -0
  43. data/spec/scruffy/graph_spec.rb +4 -4
  44. data/spec/scruffy/layers/base_spec.rb +15 -10
  45. metadata +84 -96
  46. data/CHANGES +0 -104
  47. data/License.txt +0 -20
  48. data/MIT-LICENSE +0 -20
  49. data/Manifest.txt +0 -104
  50. data/PostInstall.txt +0 -6
  51. data/README +0 -9
  52. data/Rakefile +0 -108
  53. data/config/hoe.rb +0 -78
  54. data/config/requirements.rb +0 -15
  55. data/script/console +0 -10
  56. data/script/destroy +0 -14
  57. data/script/generate +0 -14
  58. data/script/txt2html +0 -82
  59. data/setup.rb +0 -1585
  60. data/spec/scruffy/layers/line_spec.rb +0 -10
  61. data/tasks/deployment.rake +0 -34
  62. data/tasks/environment.rake +0 -7
  63. data/tasks/website.rake +0 -17
  64. data/test/graph_creation_test.rb +0 -101
  65. data/test/test_helper.rb +0 -2
  66. data/website/images/blank.gif.html +0 -7
  67. data/website/images/graphs/all_smiles.png +0 -0
  68. data/website/images/graphs/bar_test.png +0 -0
  69. data/website/images/graphs/bar_test.svg +0 -71
  70. data/website/images/graphs/line_test.png +0 -0
  71. data/website/images/graphs/line_test.svg +0 -60
  72. data/website/images/graphs/multi_test.png +0 -0
  73. data/website/images/graphs/multi_test.svg +0 -296
  74. data/website/images/graphs/pie_test.png +0 -0
  75. data/website/images/graphs/pie_test.svg +0 -40
  76. data/website/images/graphs/split_test.png +0 -0
  77. data/website/images/graphs/split_test.svg +0 -295
  78. data/website/images/graphs/stacking_test.png +0 -0
  79. data/website/images/graphs/stacking_test.svg +0 -146
  80. data/website/images/header.png +0 -0
  81. data/website/images/header_gradient.png +0 -0
  82. data/website/images/overlay.png +0 -0
  83. data/website/images/scruffy.png +0 -0
  84. data/website/index.html +0 -225
  85. data/website/index.txt +0 -204
  86. data/website/javascripts/application.js +0 -2
  87. data/website/javascripts/controls.js +0 -815
  88. data/website/javascripts/dragdrop.js +0 -913
  89. data/website/javascripts/effects.js +0 -958
  90. data/website/javascripts/lightbox.js +0 -437
  91. data/website/javascripts/prototype.js +0 -2006
  92. data/website/javascripts/rounded_corners_lite.inc.js +0 -285
  93. data/website/stylesheets/lightbox.css +0 -27
  94. data/website/stylesheets/screen.css +0 -147
  95. data/website/stylesheets/scruffy.css +0 -227
  96. data/website/template.html.erb +0 -47
data/website/images/graphs/pie_test.svg DELETED
@@ -1,40 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="600 100 360 200">
4
- <g id="scruffy_graph">
5
- <g id="background" transform="translate(0.0, 0.0)">
6
- <defs>
7
- <linearGradient id="BackgroundGradient" x1="0%" y1="0%" x2="0%" y2="100%">
8
- <stop offset="5%" stop-color="black"/>
9
- <stop offset="95%" stop-color="#4A465A"/>
10
- </linearGradient>
11
- </defs>
12
- <rect width="600.0" height="360.0" x="0" y="0" fill="url(#BackgroundGradient)"/>
13
- </g>
14
- <g id="graphs" transform="translate(-90.0, 43.2)">
15
- <g id="component_graphs_graph_0" class="graph_layer">
16
- <path d="M270.0,158.4 L390.517881744922,197.558633527193 A126.72,126.72 0, 0, 1, 350.21533814666 256.499224900185 Z" stroke="none" fill="#FDD84E"/>
17
- <text x="395.524558539747" y="253.735493633756" font-size="19.008" font-family="" fill="white" text-anchor="middle">9%</text>
18
- <path d="M270.0,158.4 L350.21533814666,256.499224900185 A126.72,126.72 0, 0, 1, 165.396201216877 86.8737553052029 Z" stroke="none" fill="#72AE6E"/>
19
- <text x="167.178139964731" y="279.935804390038" font-size="19.008" font-family="" fill="white" text-anchor="middle">45%</text>
20
- <path d="M270.0,158.4 L165.396201216877,86.8737553052029 A126.72,126.72 0, 0, 1, 378.516549113481 92.9621136611107 Z" stroke="none" fill="#D1695E"/>
21
- <text x="274.342347307893" y="15.9020127897742" font-size="19.008" font-family="" fill="white" text-anchor="middle">31%</text>
22
- <path d="M270.0,158.4 L378.516549113481,92.9621136611107 A126.72,126.72 0, 0, 1, 390.517881744922 197.558633527193 Z" stroke="none" fill="#8A6EAF"/>
23
- <text x="421.072806604042" y="150.570010246405" font-size="19.008" font-family="" fill="white" text-anchor="middle">13%</text>
24
- </g>
25
- </g>
26
- <g id="title" transform="translate(30.0, 7.2)">
27
- <text class="title" x="270.0" y="25.2" font-size="25.2" font-family="" fill="white" stroke="none" stroke-width="0" text-anchor="middle">Favourite Snacks</text>
28
- </g>
29
- <g id="legend" transform="translate(360.0, 54.0)">
30
- <rect x="0" y="0.0" width="12.672" height="12.672" fill="#FDD84E"/>
31
- <text x="25.344" y="15.2064" font-size="20.2752" font-family="" style="color: white" fill="white">Apple</text>
32
- <rect x="0" y="25.344" width="12.672" height="12.672" fill="#72AE6E"/>
33
- <text x="25.344" y="40.5504" font-size="20.2752" font-family="" style="color: white" fill="white">Banana</text>
34
- <rect x="0" y="50.688" width="12.672" height="12.672" fill="#D1695E"/>
35
- <text x="25.344" y="65.8944" font-size="20.2752" font-family="" style="color: white" fill="white">Orange</text>
36
- <rect x="0" y="76.032" width="12.672" height="12.672" fill="#8A6EAF"/>
37
- <text x="25.344" y="91.2384" font-size="20.2752" font-family="" style="color: white" fill="white">Taco</text>
38
- </g>
39
- </g>
40
- </svg>
data/website/images/graphs/split_test.svg DELETED
@@ -1,295 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="600 100 360 200">
4
- <g id="scruffy_graph">
5
- <g id="background" transform="translate(0.0, 0.0)">
6
- <defs>
7
- <linearGradient id="BackgroundGradient" x1="0%" y1="0%" x2="0%" y2="100%">
8
- <stop offset="5%" stop-color="black"/>
9
- <stop offset="95%" stop-color="#4A465A"/>
10
- </linearGradient>
11
- </defs>
12
- <rect width="600.0" height="360.0" x="0" y="0" fill="url(#BackgroundGradient)"/>
13
- </g>
14
- <g id="title" transform="translate(30.0, 7.2)">
15
- <text class="title" x="270.0" y="25.2" font-size="25.2" font-family="" fill="white" stroke="none" stroke-width="0" text-anchor="middle">Long-term Comparisons</text>
16
- </g>
17
- <g id="label_one" transform="translate(180.0, 196.2)">
18
- <text class="text" x="120.0" y="10.8" font-size="10.8" font-family="" fill="white" stroke="none" stroke-width="0" text-anchor="middle">Northeastern (Top) / Central (Bottom)</text>
19
- </g>
20
- <g id="top" transform="translate(18.0, 72.0)">
21
- <g>
22
- <g id="grid" transform="translate(54.0, 0.0)">
23
- <line x1="0" y1="0.0" x2="486.0" y2="0.0" style="stroke: white; stroke-width: 2;"/>
24
- <line x1="0" y1="24.03" x2="486.0" y2="24.03" style="stroke: white; stroke-width: 2;"/>
25
- <line x1="0" y1="48.06" x2="486.0" y2="48.06" style="stroke: white; stroke-width: 2;"/>
26
- <line x1="0" y1="72.09" x2="486.0" y2="72.09" style="stroke: white; stroke-width: 2;"/>
27
- <line x1="0" y1="96.12" x2="486.0" y2="96.12" style="stroke: white; stroke-width: 2;"/>
28
- </g>
29
- <g id="values" transform="translate(0.0, 2.16)">
30
- <text x="43.2" y="96.12" font-size="7.6896" font-family="" fill="white" text-anchor="end">($67.50)</text>
31
- <text x="43.2" y="72.09" font-size="7.6896" font-family="" fill="white" text-anchor="end">$21.62</text>
32
- <text x="43.2" y="48.06" font-size="7.6896" font-family="" fill="white" text-anchor="end">$110.75</text>
33
- <text x="43.2" y="24.03" font-size="7.6896" font-family="" fill="white" text-anchor="end">$199.88</text>
34
- <text x="43.2" y="0.0" font-size="7.6896" font-family="" fill="white" text-anchor="end">$289.00</text>
35
- </g>
36
- <g id="labels" transform="translate(54.0, 99.36)">
37
- <text x="0.0" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Jan</text>
38
- <text x="44.1818181818182" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Feb</text>
39
- <text x="88.3636363636364" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Mar</text>
40
- <text x="132.545454545455" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Apr</text>
41
- <text x="176.727272727273" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">May</text>
42
- <text x="220.909090909091" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Jun</text>
43
- <text x="265.090909090909" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Jul</text>
44
- <text x="309.272727272727" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Aug</text>
45
- <text x="353.454545454545" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Sep</text>
46
- <text x="397.636363636364" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Oct</text>
47
- <text x="441.818181818182" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Nov</text>
48
- <text x="486.0" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Dec</text>
49
- </g>
50
- <g id="graphs" transform="translate(54.0, 0.0)">
51
- <g id="component_graphs_graph_0" class="graph_layer">
52
- <g transform="translate(0, -1.9224)">
53
- <polygon points="0,96.12 0.0,72.5281346423562 44.1818181818182,79.268667601683 88.3636363636364,50.9584291725105 132.545454545455,59.0470687237027 176.727272727273,69.8319214586255 220.909090909091,49.3407012622721 265.090909090909,23.1874333800842 309.272727272727,50.9584291725105 353.454545454545,64.4394950911641 397.636363636364,23.1874333800842 441.818181818182,0.0 486.0,72.5281346423562 486.0,96.12" style="fill: black; stroke: black; fill-opacity: 0.06; stroke-opacity: 0.06;"/>
54
- </g>
55
- <polygon points="0,96.12 0.0,72.5281346423562 44.1818181818182,79.268667601683 88.3636363636364,50.9584291725105 132.545454545455,59.0470687237027 176.727272727273,69.8319214586255 220.909090909091,49.3407012622721 265.090909090909,23.1874333800842 309.272727272727,50.9584291725105 353.454545454545,64.4394950911641 397.636363636364,23.1874333800842 441.818181818182,0.0 486.0,72.5281346423562 486.0,96.12" fill="#6886B4" stroke="#6886B4" style="opacity: 1.0"/>
56
- </g>
57
- <g id="component_graphs_graph_1" class="graph_layer">
58
- <g transform="translate(0, -1.9224)">
59
- <polygon points="0,96.12 0.0,80.6167741935484 44.1818181818182,59.0470687237027 88.3636363636364,72.5281346423562 132.545454545455,50.4191865357644 176.727272727273,23.7266760168303 220.909090909091,70.9104067321178 265.090909090909,69.8319214586255 309.272727272727,49.3407012622721 353.454545454545,23.1874333800842 397.636363636364,50.9584291725105 441.818181818182,64.4394950911641 486.0,67.4053295932679 486.0,96.12" style="fill: black; stroke: black; fill-opacity: 0.06; stroke-opacity: 0.06;"/>
60
- </g>
61
- <polygon points="0,96.12 0.0,80.6167741935484 44.1818181818182,59.0470687237027 88.3636363636364,72.5281346423562 132.545454545455,50.4191865357644 176.727272727273,23.7266760168303 220.909090909091,70.9104067321178 265.090909090909,69.8319214586255 309.272727272727,49.3407012622721 353.454545454545,23.1874333800842 397.636363636364,50.9584291725105 441.818181818182,64.4394950911641 486.0,67.4053295932679 486.0,96.12" fill="#FDD84E" stroke="#FDD84E" style="opacity: 0.85"/>
62
- </g>
63
- <g id="component_graphs_graph_2" class="graph_layer">
64
- <g class="shadow" transform="translate(0.4806, 0.4806)">
65
- <polyline points="0.0,66.5964656381487 44.1818181818182,75.224347826087 88.3636363636364,57.6989621318373 132.545454545455,37.477363253857 176.727272727273,42.8697896213184 220.909090909091,59.0470687237027 265.090909090909,80.6167741935484 309.272727272727,83.3129873772791 353.454545454545,64.4394950911641 397.636363636364,53.1153997194951 441.818181818182,83.5826086956522 486.0,72.7977559607293" fill="transparent" stroke="black" stroke-width="1.9224" style="fill-opacity: 0; stroke-opacity: 0.35"/>
66
- <circle cx="0.0" cy="67.4615456381487" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
67
- <circle cx="44.1818181818182" cy="76.089427826087" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
68
- <circle cx="88.3636363636364" cy="58.5640421318373" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
69
- <circle cx="132.545454545455" cy="38.3424432538569" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
70
- <circle cx="176.727272727273" cy="43.7348696213184" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
71
- <circle cx="220.909090909091" cy="59.9121487237027" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
72
- <circle cx="265.090909090909" cy="81.4818541935484" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
73
- <circle cx="309.272727272727" cy="84.1780673772791" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
74
- <circle cx="353.454545454545" cy="65.3045750911641" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
75
- <circle cx="397.636363636364" cy="53.9804797194951" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
76
- <circle cx="441.818181818182" cy="84.4476886956522" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
77
- <circle cx="486.0" cy="73.6628359607293" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
78
- </g>
79
- <polyline points="0.0,66.5964656381487 44.1818181818182,75.224347826087 88.3636363636364,57.6989621318373 132.545454545455,37.477363253857 176.727272727273,42.8697896213184 220.909090909091,59.0470687237027 265.090909090909,80.6167741935484 309.272727272727,83.3129873772791 353.454545454545,64.4394950911641 397.636363636364,53.1153997194951 441.818181818182,83.5826086956522 486.0,72.7977559607293" fill="none" stroke="#72AE6E" stroke-width="1.9224"/>
80
- <circle cx="0.0" cy="66.5964656381487" r="1.9224" style="stroke-width: 1.9224; stroke: #72AE6E; fill: #72AE6E"/>
81
- <circle cx="44.1818181818182" cy="75.224347826087" r="1.9224" style="stroke-width: 1.9224; stroke: #72AE6E; fill: #72AE6E"/>
82
- <circle cx="88.3636363636364" cy="57.6989621318373" r="1.9224" style="stroke-width: 1.9224; stroke: #72AE6E; fill: #72AE6E"/>
83
- <circle cx="132.545454545455" cy="37.477363253857" r="1.9224" style="stroke-width: 1.9224; stroke: #72AE6E; fill: #72AE6E"/>
84
- <circle cx="176.727272727273" cy="42.8697896213184" r="1.9224" style="stroke-width: 1.9224; stroke: #72AE6E; fill: #72AE6E"/>
85
- <circle cx="220.909090909091" cy="59.0470687237027" r="1.9224" style="stroke-width: 1.9224; stroke: #72AE6E; fill: #72AE6E"/>
86
- <circle cx="265.090909090909" cy="80.6167741935484" r="1.9224" style="stroke-width: 1.9224; stroke: #72AE6E; fill: #72AE6E"/>
87
- <circle cx="309.272727272727" cy="83.3129873772791" r="1.9224" style="stroke-width: 1.9224; stroke: #72AE6E; fill: #72AE6E"/>
88
- <circle cx="353.454545454545" cy="64.4394950911641" r="1.9224" style="stroke-width: 1.9224; stroke: #72AE6E; fill: #72AE6E"/>
89
- <circle cx="397.636363636364" cy="53.1153997194951" r="1.9224" style="stroke-width: 1.9224; stroke: #72AE6E; fill: #72AE6E"/>
90
- <circle cx="441.818181818182" cy="83.5826086956522" r="1.9224" style="stroke-width: 1.9224; stroke: #72AE6E; fill: #72AE6E"/>
91
- <circle cx="486.0" cy="72.7977559607293" r="1.9224" style="stroke-width: 1.9224; stroke: #72AE6E; fill: #72AE6E"/>
92
- </g>
93
- <g id="component_graphs_graph_3" class="graph_layer">
94
- <g class="shadow" transform="translate(0.4806, 0.4806)">
95
- <polyline points="0.0,80.6167741935484 44.1818181818182,83.3129873772791 88.3636363636364,64.4394950911641 132.545454545455,53.1153997194951 176.727272727273,83.5826086956522 220.909090909091,62.8217671809257 265.090909090909,53.1153997194951 309.272727272727,55.2723702664797 353.454545454545,55.8116129032258 397.636363636364,50.9584291725105 441.818181818182,67.4053295932679 486.0,45.5660028050491" fill="transparent" stroke="black" stroke-width="1.9224" style="fill-opacity: 0; stroke-opacity: 0.35"/>
96
- <circle cx="0.0" cy="81.4818541935484" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
97
- <circle cx="44.1818181818182" cy="84.1780673772791" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
98
- <circle cx="88.3636363636364" cy="65.3045750911641" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
99
- <circle cx="132.545454545455" cy="53.9804797194951" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
100
- <circle cx="176.727272727273" cy="84.4476886956522" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
101
- <circle cx="220.909090909091" cy="63.6868471809257" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
102
- <circle cx="265.090909090909" cy="53.9804797194951" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
103
- <circle cx="309.272727272727" cy="56.1374502664797" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
104
- <circle cx="353.454545454545" cy="56.6766929032258" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
105
- <circle cx="397.636363636364" cy="51.8235091725105" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
106
- <circle cx="441.818181818182" cy="68.2704095932679" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
107
- <circle cx="486.0" cy="46.4310828050491" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
108
- </g>
109
- <polyline points="0.0,80.6167741935484 44.1818181818182,83.3129873772791 88.3636363636364,64.4394950911641 132.545454545455,53.1153997194951 176.727272727273,83.5826086956522 220.909090909091,62.8217671809257 265.090909090909,53.1153997194951 309.272727272727,55.2723702664797 353.454545454545,55.8116129032258 397.636363636364,50.9584291725105 441.818181818182,67.4053295932679 486.0,45.5660028050491" fill="none" stroke="#D1695E" stroke-width="1.9224"/>
110
- <circle cx="0.0" cy="80.6167741935484" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
111
- <circle cx="44.1818181818182" cy="83.3129873772791" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
112
- <circle cx="88.3636363636364" cy="64.4394950911641" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
113
- <circle cx="132.545454545455" cy="53.1153997194951" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
114
- <circle cx="176.727272727273" cy="83.5826086956522" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
115
- <circle cx="220.909090909091" cy="62.8217671809257" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
116
- <circle cx="265.090909090909" cy="53.1153997194951" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
117
- <circle cx="309.272727272727" cy="55.2723702664797" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
118
- <circle cx="353.454545454545" cy="55.8116129032258" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
119
- <circle cx="397.636363636364" cy="50.9584291725105" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
120
- <circle cx="441.818181818182" cy="67.4053295932679" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
121
- <circle cx="486.0" cy="45.5660028050491" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
122
- </g>
123
- </g>
124
- </g>
125
- </g>
126
- <g id="bottom" transform="translate(18.0, 234.0)">
127
- <g>
128
- <g id="grid" transform="translate(54.0, 0.0)">
129
- <line x1="0" y1="0.0" x2="486.0" y2="0.0" style="stroke: white; stroke-width: 2;"/>
130
- <line x1="0" y1="24.03" x2="486.0" y2="24.03" style="stroke: white; stroke-width: 2;"/>
131
- <line x1="0" y1="48.06" x2="486.0" y2="48.06" style="stroke: white; stroke-width: 2;"/>
132
- <line x1="0" y1="72.09" x2="486.0" y2="72.09" style="stroke: white; stroke-width: 2;"/>
133
- <line x1="0" y1="96.12" x2="486.0" y2="96.12" style="stroke: white; stroke-width: 2;"/>
134
- </g>
135
- <g id="values" transform="translate(0.0, 2.16)">
136
- <text x="43.2" y="96.12" font-size="7.6896" font-family="" fill="white" text-anchor="end">($67.50)</text>
137
- <text x="43.2" y="72.09" font-size="7.6896" font-family="" fill="white" text-anchor="end">$21.62</text>
138
- <text x="43.2" y="48.06" font-size="7.6896" font-family="" fill="white" text-anchor="end">$110.75</text>
139
- <text x="43.2" y="24.03" font-size="7.6896" font-family="" fill="white" text-anchor="end">$199.88</text>
140
- <text x="43.2" y="0.0" font-size="7.6896" font-family="" fill="white" text-anchor="end">$289.00</text>
141
- </g>
142
- <g id="labels" transform="translate(54.0, 99.36)">
143
- <text x="0.0" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Jan</text>
144
- <text x="44.1818181818182" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Feb</text>
145
- <text x="88.3636363636364" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Mar</text>
146
- <text x="132.545454545455" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Apr</text>
147
- <text x="176.727272727273" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">May</text>
148
- <text x="220.909090909091" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Jun</text>
149
- <text x="265.090909090909" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Jul</text>
150
- <text x="309.272727272727" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Aug</text>
151
- <text x="353.454545454545" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Sep</text>
152
- <text x="397.636363636364" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Oct</text>
153
- <text x="441.818181818182" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Nov</text>
154
- <text x="486.0" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Dec</text>
155
- </g>
156
- <g id="graphs" transform="translate(54.0, 0.0)">
157
- <g id="component_graphs_graph_0" class="graph_layer">
158
- <g transform="translate(-0.4806, -0.4806)">
159
- <rect x="2.025" y="69.8319214586255" width="37.4112" height="27.2492785413745" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
160
- <rect x="2.5056" y="71.7543214586255" width="37.4112" height="25.8074785413745" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
161
- </g>
162
- <rect x="2.025" y="69.8319214586255" width="36.45" height="26.2880785413745" fill="#8A6EAF" style="opacity: 1.0; stroke: none;"/>
163
- <g transform="translate(-0.4806, -0.4806)">
164
- <rect x="42.525" y="77.9205610098177" width="37.4112" height="19.1606389901823" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
165
- <rect x="43.0056" y="79.8429610098177" width="37.4112" height="17.7188389901823" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
166
- </g>
167
- <rect x="42.525" y="77.9205610098177" width="36.45" height="18.1994389901823" fill="#8A6EAF" style="opacity: 1.0; stroke: none;"/>
168
- <g transform="translate(-0.4806, -0.4806)">
169
- <rect x="83.025" y="64.7091164095372" width="37.4112" height="32.3720835904628" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
170
- <rect x="83.5056" y="66.6315164095372" width="37.4112" height="30.9302835904628" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
171
- </g>
172
- <rect x="83.025" y="64.7091164095372" width="36.45" height="31.4108835904628" fill="#8A6EAF" style="opacity: 1.0; stroke: none;"/>
173
- <g transform="translate(-0.4806, -0.4806)">
174
- <rect x="123.525" y="70.1015427769986" width="37.4112" height="26.9796572230014" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
175
- <rect x="124.0056" y="72.0239427769986" width="37.4112" height="25.5378572230014" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
176
- </g>
177
- <rect x="123.525" y="70.1015427769986" width="36.45" height="26.0184572230014" fill="#8A6EAF" style="opacity: 1.0; stroke: none;"/>
178
- <g transform="translate(-0.4806, -0.4806)">
179
- <rect x="164.025" y="50.9584291725105" width="37.4112" height="46.1227708274895" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
180
- <rect x="164.5056" y="52.8808291725105" width="37.4112" height="44.6809708274895" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
181
- </g>
182
- <rect x="164.025" y="50.9584291725105" width="36.45" height="45.1615708274895" fill="#8A6EAF" style="opacity: 1.0; stroke: none;"/>
183
- <g transform="translate(-0.4806, -0.4806)">
184
- <rect x="204.525" y="23.1874333800842" width="37.4112" height="73.8937666199159" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
185
- <rect x="205.0056" y="25.1098333800842" width="37.4112" height="72.4519666199159" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
186
- </g>
187
- <rect x="204.525" y="23.1874333800842" width="36.45" height="72.9325666199158" fill="#8A6EAF" style="opacity: 1.0; stroke: none;"/>
188
- <g transform="translate(-0.4806, -0.4806)">
189
- <rect x="245.025" y="59.0470687237027" width="37.4112" height="38.0341312762973" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
190
- <rect x="245.5056" y="60.9694687237027" width="37.4112" height="36.5923312762973" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
191
- </g>
192
- <rect x="245.025" y="59.0470687237027" width="36.45" height="37.0729312762973" fill="#8A6EAF" style="opacity: 1.0; stroke: none;"/>
193
- <g transform="translate(-0.4806, -0.4806)">
194
- <rect x="285.525" y="72.5281346423562" width="37.4112" height="24.5530653576438" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
195
- <rect x="286.0056" y="74.4505346423562" width="37.4112" height="23.1112653576438" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
196
- </g>
197
- <rect x="285.525" y="72.5281346423562" width="36.45" height="23.5918653576438" fill="#8A6EAF" style="opacity: 1.0; stroke: none;"/>
198
- <g transform="translate(-0.4806, -0.4806)">
199
- <rect x="326.025" y="50.4191865357644" width="37.4112" height="46.6620134642356" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
200
- <rect x="326.5056" y="52.3415865357644" width="37.4112" height="45.2202134642356" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
201
- </g>
202
- <rect x="326.025" y="50.4191865357644" width="36.45" height="45.7008134642356" fill="#8A6EAF" style="opacity: 1.0; stroke: none;"/>
203
- <g transform="translate(-0.4806, -0.4806)">
204
- <rect x="366.525" y="23.7266760168303" width="37.4112" height="73.3545239831697" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
205
- <rect x="367.0056" y="25.6490760168303" width="37.4112" height="71.9127239831697" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
206
- </g>
207
- <rect x="366.525" y="23.7266760168303" width="36.45" height="72.3933239831697" fill="#8A6EAF" style="opacity: 1.0; stroke: none;"/>
208
- <g transform="translate(-0.4806, -0.4806)">
209
- <rect x="407.025" y="70.9104067321178" width="37.4112" height="26.1707932678822" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
210
- <rect x="407.5056" y="72.8328067321178" width="37.4112" height="24.7289932678822" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
211
- </g>
212
- <rect x="407.025" y="70.9104067321178" width="36.45" height="25.2095932678822" fill="#8A6EAF" style="opacity: 1.0; stroke: none;"/>
213
- <g transform="translate(-0.4806, -0.4806)">
214
- <rect x="447.525" y="42.8697896213184" width="37.4112" height="54.2114103786816" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
215
- <rect x="448.0056" y="44.7921896213184" width="37.4112" height="52.7696103786816" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
216
- </g>
217
- <rect x="447.525" y="42.8697896213184" width="36.45" height="53.2502103786816" fill="#8A6EAF" style="opacity: 1.0; stroke: none;"/>
218
- </g>
219
- <g id="component_graphs_graph_1" class="graph_layer">
220
- <g class="shadow" transform="translate(0.4806, 0.4806)">
221
- <polyline points="0.0,66.5964656381487 44.1818181818182,75.224347826087 88.3636363636364,57.6989621318373 132.545454545455,37.477363253857 176.727272727273,42.8697896213184 220.909090909091,59.0470687237027 265.090909090909,80.6167741935484 309.272727272727,83.3129873772791 353.454545454545,64.4394950911641 397.636363636364,53.1153997194951 441.818181818182,83.5826086956522 486.0,72.7977559607293" fill="transparent" stroke="black" stroke-width="1.9224" style="fill-opacity: 0; stroke-opacity: 0.35"/>
222
- <circle cx="0.0" cy="67.4615456381487" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
223
- <circle cx="44.1818181818182" cy="76.089427826087" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
224
- <circle cx="88.3636363636364" cy="58.5640421318373" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
225
- <circle cx="132.545454545455" cy="38.3424432538569" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
226
- <circle cx="176.727272727273" cy="43.7348696213184" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
227
- <circle cx="220.909090909091" cy="59.9121487237027" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
228
- <circle cx="265.090909090909" cy="81.4818541935484" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
229
- <circle cx="309.272727272727" cy="84.1780673772791" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
230
- <circle cx="353.454545454545" cy="65.3045750911641" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
231
- <circle cx="397.636363636364" cy="53.9804797194951" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
232
- <circle cx="441.818181818182" cy="84.4476886956522" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
233
- <circle cx="486.0" cy="73.6628359607293" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
234
- </g>
235
- <polyline points="0.0,66.5964656381487 44.1818181818182,75.224347826087 88.3636363636364,57.6989621318373 132.545454545455,37.477363253857 176.727272727273,42.8697896213184 220.909090909091,59.0470687237027 265.090909090909,80.6167741935484 309.272727272727,83.3129873772791 353.454545454545,64.4394950911641 397.636363636364,53.1153997194951 441.818181818182,83.5826086956522 486.0,72.7977559607293" fill="none" stroke="#72AE6E" stroke-width="1.9224"/>
236
- <circle cx="0.0" cy="66.5964656381487" r="1.9224" style="stroke-width: 1.9224; stroke: #72AE6E; fill: #72AE6E"/>
237
- <circle cx="44.1818181818182" cy="75.224347826087" r="1.9224" style="stroke-width: 1.9224; stroke: #72AE6E; fill: #72AE6E"/>
238
- <circle cx="88.3636363636364" cy="57.6989621318373" r="1.9224" style="stroke-width: 1.9224; stroke: #72AE6E; fill: #72AE6E"/>
239
- <circle cx="132.545454545455" cy="37.477363253857" r="1.9224" style="stroke-width: 1.9224; stroke: #72AE6E; fill: #72AE6E"/>
240
- <circle cx="176.727272727273" cy="42.8697896213184" r="1.9224" style="stroke-width: 1.9224; stroke: #72AE6E; fill: #72AE6E"/>
241
- <circle cx="220.909090909091" cy="59.0470687237027" r="1.9224" style="stroke-width: 1.9224; stroke: #72AE6E; fill: #72AE6E"/>
242
- <circle cx="265.090909090909" cy="80.6167741935484" r="1.9224" style="stroke-width: 1.9224; stroke: #72AE6E; fill: #72AE6E"/>
243
- <circle cx="309.272727272727" cy="83.3129873772791" r="1.9224" style="stroke-width: 1.9224; stroke: #72AE6E; fill: #72AE6E"/>
244
- <circle cx="353.454545454545" cy="64.4394950911641" r="1.9224" style="stroke-width: 1.9224; stroke: #72AE6E; fill: #72AE6E"/>
245
- <circle cx="397.636363636364" cy="53.1153997194951" r="1.9224" style="stroke-width: 1.9224; stroke: #72AE6E; fill: #72AE6E"/>
246
- <circle cx="441.818181818182" cy="83.5826086956522" r="1.9224" style="stroke-width: 1.9224; stroke: #72AE6E; fill: #72AE6E"/>
247
- <circle cx="486.0" cy="72.7977559607293" r="1.9224" style="stroke-width: 1.9224; stroke: #72AE6E; fill: #72AE6E"/>
248
- </g>
249
- <g id="component_graphs_graph_2" class="graph_layer">
250
- <g class="shadow" transform="translate(0.4806, 0.4806)">
251
- <polyline points="0.0,80.6167741935484 44.1818181818182,83.3129873772791 88.3636363636364,64.4394950911641 132.545454545455,53.1153997194951 176.727272727273,83.5826086956522 220.909090909091,62.8217671809257 265.090909090909,53.1153997194951 309.272727272727,55.2723702664797 353.454545454545,55.8116129032258 397.636363636364,50.9584291725105 441.818181818182,67.4053295932679 486.0,45.5660028050491" fill="transparent" stroke="black" stroke-width="1.9224" style="fill-opacity: 0; stroke-opacity: 0.35"/>
252
- <circle cx="0.0" cy="81.4818541935484" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
253
- <circle cx="44.1818181818182" cy="84.1780673772791" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
254
- <circle cx="88.3636363636364" cy="65.3045750911641" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
255
- <circle cx="132.545454545455" cy="53.9804797194951" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
256
- <circle cx="176.727272727273" cy="84.4476886956522" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
257
- <circle cx="220.909090909091" cy="63.6868471809257" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
258
- <circle cx="265.090909090909" cy="53.9804797194951" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
259
- <circle cx="309.272727272727" cy="56.1374502664797" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
260
- <circle cx="353.454545454545" cy="56.6766929032258" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
261
- <circle cx="397.636363636364" cy="51.8235091725105" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
262
- <circle cx="441.818181818182" cy="68.2704095932679" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
263
- <circle cx="486.0" cy="46.4310828050491" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
264
- </g>
265
- <polyline points="0.0,80.6167741935484 44.1818181818182,83.3129873772791 88.3636363636364,64.4394950911641 132.545454545455,53.1153997194951 176.727272727273,83.5826086956522 220.909090909091,62.8217671809257 265.090909090909,53.1153997194951 309.272727272727,55.2723702664797 353.454545454545,55.8116129032258 397.636363636364,50.9584291725105 441.818181818182,67.4053295932679 486.0,45.5660028050491" fill="none" stroke="#D1695E" stroke-width="1.9224"/>
266
- <circle cx="0.0" cy="80.6167741935484" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
267
- <circle cx="44.1818181818182" cy="83.3129873772791" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
268
- <circle cx="88.3636363636364" cy="64.4394950911641" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
269
- <circle cx="132.545454545455" cy="53.1153997194951" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
270
- <circle cx="176.727272727273" cy="83.5826086956522" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
271
- <circle cx="220.909090909091" cy="62.8217671809257" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
272
- <circle cx="265.090909090909" cy="53.1153997194951" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
273
- <circle cx="309.272727272727" cy="55.2723702664797" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
274
- <circle cx="353.454545454545" cy="55.8116129032258" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
275
- <circle cx="397.636363636364" cy="50.9584291725105" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
276
- <circle cx="441.818181818182" cy="67.4053295932679" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
277
- <circle cx="486.0" cy="45.5660028050491" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
278
- </g>
279
- </g>
280
- </g>
281
- </g>
282
- <g id="legend" transform="translate(30.0, 39.6)">
283
- <rect x="140.4" y="0" width="7.2" height="7.2" fill="#6886B4"/>
284
- <text x="153.36" y="7.776" font-size="10.368" font-family="" style="color: white" fill="white">Jeff</text>
285
- <rect x="190.8" y="0" width="7.2" height="7.2" fill="#FDD84E"/>
286
- <text x="203.76" y="7.776" font-size="10.368" font-family="" style="color: white" fill="white">Jerry</text>
287
- <rect x="248.4" y="0" width="7.2" height="7.2" fill="#8A6EAF"/>
288
- <text x="261.36" y="7.776" font-size="10.368" font-family="" style="color: white" fill="white">Jack</text>
289
- <rect x="298.8" y="0" width="7.2" height="7.2" fill="#72AE6E"/>
290
- <text x="311.76" y="7.776" font-size="10.368" font-family="" style="color: white" fill="white">Brasten</text>
291
- <rect x="370.8" y="0" width="7.2" height="7.2" fill="#D1695E"/>
292
- <text x="383.76" y="7.776" font-size="10.368" font-family="" style="color: white" fill="white">Jim</text>
293
- </g>
294
- </g>
295
- </svg>
data/website/images/graphs/stacking_test.svg DELETED
@@ -1,146 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="600 100 360 200">
4
- <g id="scruffy_graph">
5
- <g id="background" transform="translate(0.0, 0.0)">
6
- <defs>
7
- <linearGradient id="BackgroundGradient" x1="0%" y1="0%" x2="0%" y2="100%">
8
- <stop offset="5%" stop-color="black"/>
9
- <stop offset="95%" stop-color="#4A465A"/>
10
- </linearGradient>
11
- </defs>
12
- <rect width="600.0" height="360.0" x="0" y="0" fill="url(#BackgroundGradient)"/>
13
- </g>
14
- <g id="title" transform="translate(30.0, 7.2)">
15
- <text class="title" x="270.0" y="25.2" font-size="25.2" font-family="" fill="white" stroke="none" stroke-width="0" text-anchor="middle">Comparative Agent Performance</text>
16
- </g>
17
- <g id="view" transform="translate(12.0, 93.6)">
18
- <g>
19
- <g id="values" transform="translate(0.0, 4.752)">
20
- <text x="96.12" y="211.464" font-size="16.91712" font-family="" fill="white" text-anchor="end">-77%</text>
21
- <text x="96.12" y="158.598" font-size="16.91712" font-family="" fill="white" text-anchor="end">2%</text>
22
- <text x="96.12" y="105.732" font-size="16.91712" font-family="" fill="white" text-anchor="end">81%</text>
23
- <text x="96.12" y="52.866" font-size="16.91712" font-family="" fill="white" text-anchor="end">161%</text>
24
- <text x="96.12" y="0.0" font-size="16.91712" font-family="" fill="white" text-anchor="end">240%</text>
25
- </g>
26
- <g id="grid" transform="translate(106.8, 0.0)">
27
- <line x1="0" y1="0.0" x2="427.2" y2="0.0" style="stroke: white; stroke-width: 2;"/>
28
- <line x1="0" y1="52.866" x2="427.2" y2="52.866" style="stroke: white; stroke-width: 2;"/>
29
- <line x1="0" y1="105.732" x2="427.2" y2="105.732" style="stroke: white; stroke-width: 2;"/>
30
- <line x1="0" y1="158.598" x2="427.2" y2="158.598" style="stroke: white; stroke-width: 2;"/>
31
- <line x1="0" y1="211.464" x2="427.2" y2="211.464" style="stroke: white; stroke-width: 2;"/>
32
- </g>
33
- <g id="labels" transform="translate(106.8, 218.592)">
34
- <text x="0.0" y="19.008" font-size="17.1072" font-family="" fill="white" text-anchor="middle">Jan</text>
35
- <text x="85.44" y="19.008" font-size="17.1072" font-family="" fill="white" text-anchor="middle">Feb</text>
36
- <text x="170.88" y="19.008" font-size="17.1072" font-family="" fill="white" text-anchor="middle">Mar</text>
37
- <text x="256.32" y="19.008" font-size="17.1072" font-family="" fill="white" text-anchor="middle">Apr</text>
38
- <text x="341.76" y="19.008" font-size="17.1072" font-family="" fill="white" text-anchor="middle">May</text>
39
- <text x="427.2" y="19.008" font-size="17.1072" font-family="" fill="white" text-anchor="middle">Jun</text>
40
- </g>
41
- <g id="graphs" transform="translate(106.8, 0.0)">
42
- <g id="component_graphs_graph_0" class="graph_layer">
43
- <g transform="translate(-1.05732, -1.05732)">
44
- <rect x="3.56" y="53.2990548204159" width="66.19464" height="160.279585179584" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
45
- <rect x="4.61732" y="57.5283348204159" width="66.19464" height="157.107625179584" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
46
- </g>
47
- <rect x="3.56" y="53.2990548204159" width="64.08" height="158.164945179584" fill="#FDD84E" style="opacity: 1.0; stroke: none;"/>
48
- <g transform="translate(-1.05732, -1.05732)">
49
- <rect x="74.76" y="-46.6366729678639" width="66.19464" height="260.215312967864" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
50
- <rect x="75.81732" y="-42.4073929678639" width="66.19464" height="257.043352967864" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
51
- </g>
52
- <rect x="74.76" y="-46.6366729678639" width="64.08" height="258.100672967864" fill="#FDD84E" style="opacity: 1.0; stroke: none;"/>
53
- <g transform="translate(-1.05732, -1.05732)">
54
- <rect x="145.96" y="67.290056710775" width="66.19464" height="146.288583289225" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
55
- <rect x="147.01732" y="71.519336710775" width="66.19464" height="143.116623289225" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
56
- </g>
57
- <rect x="145.96" y="67.290056710775" width="64.08" height="144.173943289225" fill="#FDD84E" style="opacity: 1.0; stroke: none;"/>
58
- <g transform="translate(-1.05732, -1.05732)">
59
- <rect x="217.16" y="60.6276748582231" width="66.19464" height="152.950965141777" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
60
- <rect x="218.21732" y="64.8569548582231" width="66.19464" height="149.779005141777" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
61
- </g>
62
- <rect x="217.16" y="60.6276748582231" width="64.08" height="150.836325141777" fill="#FDD84E" style="opacity: 1.0; stroke: none;"/>
63
- <g transform="translate(-1.05732, -1.05732)">
64
- <rect x="288.36" y="-26.649527410208" width="66.19464" height="240.228167410208" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
65
- <rect x="289.41732" y="-22.4202474102079" width="66.19464" height="237.056207410208" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
66
- </g>
67
- <rect x="288.36" y="-26.649527410208" width="64.08" height="238.113527410208" fill="#FDD84E" style="opacity: 1.0; stroke: none;"/>
68
- <g transform="translate(-1.05732, -1.05732)">
69
- <rect x="359.56" y="59.9614366729679" width="66.19464" height="153.617203327032" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
70
- <rect x="360.61732" y="64.1907166729679" width="66.19464" height="150.445243327032" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
71
- </g>
72
- <rect x="359.56" y="59.9614366729679" width="64.08" height="151.502563327032" fill="#FDD84E" style="opacity: 1.0; stroke: none;"/>
73
- <g transform="translate(-1.05732, -1.05732)">
74
- <rect x="3.56" y="73.2862003780718" width="66.19464" height="140.292439621928" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
75
- <rect x="4.61732" y="77.5154803780718" width="66.19464" height="137.120479621928" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
76
- </g>
77
- <rect x="3.56" y="73.2862003780718" width="64.08" height="138.177799621928" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
78
- <g transform="translate(-1.05732, -1.05732)">
79
- <rect x="74.76" y="-6.66238185255199" width="66.19464" height="220.241021852552" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
80
- <rect x="75.81732" y="-2.43310185255199" width="66.19464" height="217.069061852552" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
81
- </g>
82
- <rect x="74.76" y="-6.66238185255199" width="64.08" height="218.126381852552" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
83
- <g transform="translate(-1.05732, -1.05732)">
84
- <rect x="145.96" y="99.9357277882798" width="66.19464" height="113.64291221172" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
85
- <rect x="147.01732" y="104.16500778828" width="66.19464" height="110.47095221172" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
86
- </g>
87
- <rect x="145.96" y="99.9357277882798" width="64.08" height="111.52827221172" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
88
- <g transform="translate(-1.05732, -1.05732)">
89
- <rect x="217.16" y="79.9485822306238" width="66.19464" height="133.630057769376" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
90
- <rect x="218.21732" y="84.1778622306238" width="66.19464" height="130.458097769376" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
91
- </g>
92
- <rect x="217.16" y="79.9485822306238" width="64.08" height="131.515417769376" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
93
- <g transform="translate(-1.05732, -1.05732)">
94
- <rect x="288.36" y="39.9742911153119" width="66.19464" height="173.604348884688" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
95
- <rect x="289.41732" y="44.2035711153119" width="66.19464" height="170.432388884688" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
96
- </g>
97
- <rect x="288.36" y="39.9742911153119" width="64.08" height="171.489708884688" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
98
- <g transform="translate(-1.05732, -1.05732)">
99
- <rect x="359.56" y="139.910018903592" width="66.19464" height="73.6686210964083" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
100
- <rect x="360.61732" y="144.139298903592" width="66.19464" height="70.4966610964083" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
101
- </g>
102
- <rect x="359.56" y="139.910018903592" width="64.08" height="71.5539810964083" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
103
- <g transform="translate(-1.05732, -1.05732)">
104
- <rect x="3.56" y="153.234782608696" width="66.19464" height="60.3438573913044" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
105
- <rect x="4.61732" y="157.464062608696" width="66.19464" height="57.1718973913044" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
106
- </g>
107
- <rect x="3.56" y="153.234782608696" width="64.08" height="58.2292173913044" fill="#D1695E" style="opacity: 1.0; stroke: none;"/>
108
- <g transform="translate(-1.05732, -1.05732)">
109
- <rect x="74.76" y="153.234782608696" width="66.19464" height="60.3438573913044" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
110
- <rect x="75.81732" y="157.464062608696" width="66.19464" height="57.1718973913044" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
111
- </g>
112
- <rect x="74.76" y="153.234782608696" width="64.08" height="58.2292173913044" fill="#D1695E" style="opacity: 1.0; stroke: none;"/>
113
- <g transform="translate(-1.05732, -1.05732)">
114
- <rect x="145.96" y="99.9357277882798" width="66.19464" height="113.64291221172" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
115
- <rect x="147.01732" y="104.16500778828" width="66.19464" height="110.47095221172" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
116
- </g>
117
- <rect x="145.96" y="99.9357277882798" width="64.08" height="111.52827221172" fill="#D1695E" style="opacity: 1.0; stroke: none;"/>
118
- <g transform="translate(-1.05732, -1.05732)">
119
- <rect x="217.16" y="146.572400756144" width="66.19464" height="67.0062392438563" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
120
- <rect x="218.21732" y="150.801680756144" width="66.19464" height="63.8342792438564" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
121
- </g>
122
- <rect x="217.16" y="146.572400756144" width="64.08" height="64.8915992438563" fill="#D1695E" style="opacity: 1.0; stroke: none;"/>
123
- <g transform="translate(-1.05732, -1.05732)">
124
- <rect x="288.36" y="133.24763705104" width="66.19464" height="80.3310029489603" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
125
- <rect x="289.41732" y="137.47691705104" width="66.19464" height="77.1590429489603" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
126
- </g>
127
- <rect x="288.36" y="133.24763705104" width="64.08" height="78.2163629489603" fill="#D1695E" style="opacity: 1.0; stroke: none;"/>
128
- <g transform="translate(-1.05732, -1.05732)">
129
- <rect x="359.56" y="153.234782608696" width="66.19464" height="60.3438573913044" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
130
- <rect x="360.61732" y="157.464062608696" width="66.19464" height="57.1718973913044" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
131
- </g>
132
- <rect x="359.56" y="153.234782608696" width="64.08" height="58.2292173913044" fill="#D1695E" style="opacity: 1.0; stroke: none;"/>
133
- </g>
134
- </g>
135
- </g>
136
- </g>
137
- <g id="legend" transform="translate(30.0, 46.8)">
138
- <rect x="167.4" y="0" width="10.8" height="10.8" fill="#FDD84E"/>
139
- <text x="186.84" y="11.664" font-size="15.552" font-family="" style="color: white" fill="white">Jack</text>
140
- <rect x="243.0" y="0" width="10.8" height="10.8" fill="#72AE6E"/>
141
- <text x="262.44" y="11.664" font-size="15.552" font-family="" style="color: white" fill="white">Jill</text>
142
- <rect x="318.6" y="0" width="10.8" height="10.8" fill="#D1695E"/>
143
- <text x="338.04" y="11.664" font-size="15.552" font-family="" style="color: white" fill="white">Hill</text>
144
- </g>
145
- </g>
146
- </svg>