scruffy 0.2.5 → 0.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. data/History.txt +9 -0
  2. data/config/hoe.rb +1 -1
  3. data/lib/scruffy/renderers/base.rb +2 -2
  4. data/lib/scruffy/themes.rb +1 -1
  5. data/lib/scruffy/version.rb +1 -1
  6. data/spec/scruffy/graph_spec.rb +5 -5
  7. data/spec/scruffy/layers/line_spec.rb +1 -1
  8. data/website/images/graphs/bar_test.png +0 -0
  9. data/website/images/graphs/bar_test.svg +43 -43
  10. data/website/images/graphs/line_test.png +0 -0
  11. data/website/images/graphs/line_test.svg +40 -40
  12. data/website/images/graphs/multi_test.png +0 -0
  13. data/website/images/graphs/multi_test.svg +212 -212
  14. data/website/images/graphs/pie_test.png +0 -0
  15. data/website/images/graphs/pie_test.svg +28 -28
  16. data/website/images/graphs/split_test.png +0 -0
  17. data/website/images/graphs/split_test.svg +225 -225
  18. data/website/images/graphs/stacking_test.png +0 -0
  19. data/website/images/graphs/stacking_test.svg +92 -92
  20. data/website/index.html +59 -138
  21. metadata +8 -6
data/History.txt CHANGED
@@ -1,4 +1,13 @@
1
1
  = Scruffy Changelog
2
+ == Version 0.2.6
3
+ (August 23rd, 2009)
4
+ * Fixed some syntax errors causing problems with Builder
5
+
6
+ == Version 0.2.5
7
+ (unknown)
8
+ * unknown -- logs say suranyami added support for font_family...?
9
+ (Feel free to update this entry)
10
+
2
11
  == Version 0.2.4
3
12
  (2008-08-22)
4
13
  * Bug #21517, legend text missing, fixed.
data/config/hoe.rb CHANGED
@@ -61,7 +61,7 @@ $hoe = Hoe.new(GEM_NAME, VERS) do |p|
61
61
  p.summary = SUMMARY
62
62
  p.url = HOMEPATH
63
63
  p.rubyforge_name = RUBYFORGE_PROJECT if RUBYFORGE_PROJECT
64
- p.test_globs = ["test/**/test_*.rb"]
64
+ p.test_globs = ["test/**/*_test.rb"]
65
65
  p.clean_globs |= ['**/.*.sw?', '*.gem', '.config', '**/.DS_Store'] #An array of file patterns to delete on clean.
66
66
 
67
67
  # == Optional
data/lib/scruffy/renderers/base.rb CHANGED
@@ -31,8 +31,8 @@ module Scruffy::Renderers
31
31
 
32
32
  svg = Builder::XmlMarkup.new(:indent => 2)
33
33
  svg.instruct!
34
- svg.instruct! 'DOCTYPE', 'svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" type'
35
- svg.svg(:xmlns => "http://www.w3.org/2000/svg", 'xmlns:xlink' => "http://www.w3.org/1999/xlink", :width => options[:size].first, :height => options[:size].last) {
34
+ svg.declare!(:DOCTYPE, :svg, :PUBLIC, "-//W3C//DTD SVG 1.1//EN", "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd")
35
+ svg.svg(:xmlns => "http://www.w3.org/2000/svg", 'xmlns:xlink' => "http://www.w3.org/1999/xlink", :viewBox => "#{options[:size].first} 100 #{options[:size].last} 200") {
36
36
  svg.g(:id => options[:graph_id]) {
37
37
  rendertime_renderer.components.each do |component|
38
38
  component.render(svg,
data/lib/scruffy/themes.rb CHANGED
@@ -40,7 +40,7 @@ module Scruffy::Themes
40
40
 
41
41
  # Returns the next available color in the color array.
42
42
  def next_color
43
- @previous_color = 0 if @previous_color.nil?
43
+ @previous_color ||= 0
44
44
  @previous_color += 1
45
45
 
46
46
  self.colors[(@previous_color-1) % self.colors.size]
data/lib/scruffy/version.rb CHANGED
@@ -2,7 +2,7 @@ module Scruffy
2
2
  module VERSION #:nodoc:
3
3
  MAJOR = 0
4
4
  MINOR = 2
5
- TINY = 5
5
+ TINY = 6
6
6
 
7
7
  STRING = [MAJOR, MINOR, TINY].join('.')
8
8
  end
data/spec/scruffy/graph_spec.rb CHANGED
@@ -16,7 +16,7 @@ end
16
16
  describe "A new Scruffy::Graph" do
17
17
  include CustomRenderers
18
18
 
19
- setup do
19
+ before(:each) do
20
20
  @graph = Scruffy::Graph.new
21
21
  end
22
22
 
@@ -130,8 +130,8 @@ describe "A Scruffy::Graph's initialization block" do
130
130
  end
131
131
 
132
132
 
133
- context "A fully populated Graph" do
134
- setup do
133
+ describe "A fully populated Graph" do
134
+ before(:each) do
135
135
  FileUtils.rm_f File.dirname(__FILE__) + '/*.png'
136
136
  FileUtils.rm_f File.dirname(__FILE__) + '/*.jpg'
137
137
 
@@ -162,8 +162,8 @@ context "A fully populated Graph" do
162
162
  end
163
163
 
164
164
 
165
- context "A graph with hash data" do
166
- specify "should render identically to a graph with array data" do
165
+ describe "A graph with hash data" do
166
+ it "should render identically to a graph with array data" do
167
167
  @hashgraph = Scruffy::Graph.new :title => 'Graph'
168
168
  @hashgraph.add(:line, 'Data', { 0 => 1, 1 => 2, 3 => 4 })
169
169
 
data/spec/scruffy/layers/line_spec.rb CHANGED
@@ -1,5 +1,5 @@
1
1
  describe "A Line layer" do
2
- setup do
2
+ before(:each) do
3
3
  @layer = Scruffy::Layers::Line.new(:title => 'My Line Layer', :points => [100, 200, 300])
4
4
 
5
5
  svg = mock('svg')
data/website/images/graphs/bar_test.svg CHANGED
@@ -1,71 +1,71 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <?DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" type=""?>
3
- <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="600" height="360" xmlns="http://www.w3.org/2000/svg">
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
4
  <g id="scruffy_graph">
5
- <g transform="translate(0.0, 0.0)" id="background">
5
+ <g id="background" transform="translate(0.0, 0.0)">
6
6
  <defs>
7
- <linearGradient x2="0%" y2="100%" x1="0%" id="BackgroundGradient" y1="0%">
8
- <stop stop-color="black" offset="5%"/>
9
- <stop stop-color="#4A465A" offset="95%"/>
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
10
  </linearGradient>
11
11
  </defs>
12
- <rect width="600.0" x="0" y="0" height="360.0" fill="url(#BackgroundGradient)"/>
12
+ <rect width="600.0" height="360.0" x="0" y="0" fill="url(#BackgroundGradient)"/>
13
13
  </g>
14
- <g transform="translate(30.0, 7.2)" id="title">
15
- <text class="title" font-size="25.2" x="270.0" text-anchor="middle" y="25.2" stroke="none" stroke-width="0" fill="white">Sample Bar Graph</text>
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">Sample Bar Graph</text>
16
16
  </g>
17
- <g transform="translate(12.0, 93.6)" id="view">
17
+ <g id="view" transform="translate(12.0, 93.6)">
18
18
  <g>
19
- <g transform="translate(0.0, 4.752)" id="values">
20
- <text font-size="16.91712" x="96.12" text-anchor="end" y="211.464" fill="white">7</text>
21
- <text font-size="16.91712" x="96.12" text-anchor="end" y="158.598" fill="white">32</text>
22
- <text font-size="16.91712" x="96.12" text-anchor="end" y="105.732" fill="white">57</text>
23
- <text font-size="16.91712" x="96.12" text-anchor="end" y="52.866" fill="white">81</text>
24
- <text font-size="16.91712" x="96.12" text-anchor="end" y="0.0" fill="white">106</text>
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">7</text>
21
+ <text x="96.12" y="158.598" font-size="16.91712" font-family="" fill="white" text-anchor="end">32</text>
22
+ <text x="96.12" y="105.732" font-size="16.91712" font-family="" fill="white" text-anchor="end">57</text>
23
+ <text x="96.12" y="52.866" font-size="16.91712" font-family="" fill="white" text-anchor="end">81</text>
24
+ <text x="96.12" y="0.0" font-size="16.91712" font-family="" fill="white" text-anchor="end">106</text>
25
25
  </g>
26
- <g transform="translate(106.8, 0.0)" id="grid">
27
- <line x2="427.2" y2="0.0" x1="0" style="stroke: white; stroke-width: 2;" y1="0.0"/>
28
- <line x2="427.2" y2="52.866" x1="0" style="stroke: white; stroke-width: 2;" y1="52.866"/>
29
- <line x2="427.2" y2="105.732" x1="0" style="stroke: white; stroke-width: 2;" y1="105.732"/>
30
- <line x2="427.2" y2="158.598" x1="0" style="stroke: white; stroke-width: 2;" y1="158.598"/>
31
- <line x2="427.2" y2="211.464" x1="0" style="stroke: white; stroke-width: 2;" y1="211.464"/>
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
32
  </g>
33
- <g transform="translate(106.8, 218.592)" id="labels">
33
+ <g id="labels" transform="translate(106.8, 218.592)">
34
34
  </g>
35
- <g transform="translate(106.8, 0.0)" id="graphs">
36
- <g class="graph_layer" id="component_graphs_graph_0">
35
+ <g id="graphs" transform="translate(106.8, 0.0)">
36
+ <g id="component_graphs_graph_0" class="graph_layer">
37
37
  <g transform="translate(-1.05732, -1.05732)">
38
- <rect width="79.01064" x="4.272" y="183.881739130435" height="29.6969008695652" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
39
- <rect width="79.01064" x="5.32932" y="188.111019130435" height="26.5249408695652" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
38
+ <rect x="4.272" y="183.881739130435" width="79.01064" height="29.6969008695652" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
39
+ <rect x="5.32932" y="188.111019130435" width="79.01064" height="26.5249408695652" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
40
40
  </g>
41
- <rect width="76.896" x="4.272" y="183.881739130435" height="27.5822608695652" fill="#6886B4" style="opacity: 1.0; stroke: none;"/>
41
+ <rect x="4.272" y="183.881739130435" width="76.896" height="27.5822608695652" fill="#6886B4" style="opacity: 1.0; stroke: none;"/>
42
42
  <g transform="translate(-1.05732, -1.05732)">
43
- <rect width="79.01064" x="89.712" y="12.8289585439838" height="200.749681456016" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
44
- <rect width="79.01064" x="90.76932" y="17.0582385439838" height="197.577721456016" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
43
+ <rect x="89.712" y="12.8289585439838" width="79.01064" height="200.749681456016" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
44
+ <rect x="90.76932" y="17.0582385439838" width="79.01064" height="197.577721456016" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
45
45
  </g>
46
- <rect width="76.896" x="89.712" y="12.8289585439838" height="198.635041456016" fill="#6886B4" style="opacity: 1.0; stroke: none;"/>
46
+ <rect x="89.712" y="12.8289585439838" width="76.896" height="198.635041456016" fill="#6886B4" style="opacity: 1.0; stroke: none;"/>
47
47
  <g transform="translate(-1.05732, -1.05732)">
48
- <rect width="79.01064" x="175.152" y="76.973751263903" height="136.604888736097" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
49
- <rect width="79.01064" x="176.20932" y="81.203031263903" height="133.432928736097" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
48
+ <rect x="175.152" y="76.973751263903" width="79.01064" height="136.604888736097" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
49
+ <rect x="176.20932" y="81.203031263903" width="79.01064" height="133.432928736097" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
50
50
  </g>
51
- <rect width="76.896" x="175.152" y="76.973751263903" height="134.490248736097" fill="#6886B4" style="opacity: 1.0; stroke: none;"/>
51
+ <rect x="175.152" y="76.973751263903" width="76.896" height="134.490248736097" fill="#6886B4" style="opacity: 1.0; stroke: none;"/>
52
52
  <g transform="translate(-1.05732, -1.05732)">
53
- <rect width="79.01064" x="260.592" y="162.500141557128" height="51.0784984428716" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
54
- <rect width="79.01064" x="261.64932" y="166.729421557128" height="47.9065384428716" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
53
+ <rect x="260.592" y="162.500141557128" width="79.01064" height="51.0784984428716" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
54
+ <rect x="261.64932" y="166.729421557128" width="79.01064" height="47.9065384428716" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
55
55
  </g>
56
- <rect width="76.896" x="260.592" y="162.500141557128" height="48.9638584428716" fill="#6886B4" style="opacity: 1.0; stroke: none;"/>
56
+ <rect x="260.592" y="162.500141557128" width="76.896" height="48.9638584428716" fill="#6886B4" style="opacity: 1.0; stroke: none;"/>
57
57
  <g transform="translate(-1.05732, -1.05732)">
58
- <rect width="79.01064" x="346.032" y="0.0" height="213.57864" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
59
- <rect width="79.01064" x="347.08932" y="4.22928" height="210.40668" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
58
+ <rect x="346.032" y="0.0" width="79.01064" height="213.57864" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
59
+ <rect x="347.08932" y="4.22928" width="79.01064" height="210.40668" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
60
60
  </g>
61
- <rect width="76.896" x="346.032" y="0.0" height="211.464" fill="#6886B4" style="opacity: 1.0; stroke: none;"/>
61
+ <rect x="346.032" y="0.0" width="76.896" height="211.464" fill="#6886B4" style="opacity: 1.0; stroke: none;"/>
62
62
  </g>
63
63
  </g>
64
64
  </g>
65
65
  </g>
66
- <g transform="translate(30.0, 46.8)" id="legend">
67
- <rect width="10.8" x="226.8" y="0" height="10.8" fill="#6886B4"/>
68
- <text font-size="15.552" x="246.24" y="11.664" fill="white" style="color: white">Example</text>
66
+ <g id="legend" transform="translate(30.0, 46.8)">
67
+ <rect x="226.8" y="0" width="10.8" height="10.8" fill="#6886B4"/>
68
+ <text x="246.24" y="11.664" font-size="15.552" font-family="" style="color: white" fill="white">Example</text>
69
69
  </g>
70
70
  </g>
71
71
  </svg>
data/website/images/graphs/line_test.svg CHANGED
@@ -1,60 +1,60 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <?DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" type=""?>
3
- <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="600" height="360" xmlns="http://www.w3.org/2000/svg">
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
4
  <g id="scruffy_graph">
5
- <g transform="translate(0.0, 0.0)" id="background">
5
+ <g id="background" transform="translate(0.0, 0.0)">
6
6
  <defs>
7
- <linearGradient x2="0%" y2="100%" x1="0%" id="BackgroundGradient" y1="0%">
8
- <stop stop-color="black" offset="5%"/>
9
- <stop stop-color="#4A465A" offset="95%"/>
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
10
  </linearGradient>
11
11
  </defs>
12
- <rect width="600.0" x="0" y="0" height="360.0" fill="url(#BackgroundGradient)"/>
12
+ <rect width="600.0" height="360.0" x="0" y="0" fill="url(#BackgroundGradient)"/>
13
13
  </g>
14
- <g transform="translate(30.0, 7.2)" id="title">
15
- <text class="title" font-size="25.2" x="270.0" text-anchor="middle" y="25.2" stroke="none" stroke-width="0" fill="white">Sample Line Graph</text>
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">Sample Line Graph</text>
16
16
  </g>
17
- <g transform="translate(12.0, 93.6)" id="view">
17
+ <g id="view" transform="translate(12.0, 93.6)">
18
18
  <g>
19
- <g transform="translate(0.0, 4.752)" id="values">
20
- <text font-size="16.91712" x="96.12" text-anchor="end" y="211.464" fill="white">7</text>
21
- <text font-size="16.91712" x="96.12" text-anchor="end" y="158.598" fill="white">32</text>
22
- <text font-size="16.91712" x="96.12" text-anchor="end" y="105.732" fill="white">57</text>
23
- <text font-size="16.91712" x="96.12" text-anchor="end" y="52.866" fill="white">81</text>
24
- <text font-size="16.91712" x="96.12" text-anchor="end" y="0.0" fill="white">106</text>
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">7</text>
21
+ <text x="96.12" y="158.598" font-size="16.91712" font-family="" fill="white" text-anchor="end">32</text>
22
+ <text x="96.12" y="105.732" font-size="16.91712" font-family="" fill="white" text-anchor="end">57</text>
23
+ <text x="96.12" y="52.866" font-size="16.91712" font-family="" fill="white" text-anchor="end">81</text>
24
+ <text x="96.12" y="0.0" font-size="16.91712" font-family="" fill="white" text-anchor="end">106</text>
25
25
  </g>
26
- <g transform="translate(106.8, 0.0)" id="grid">
27
- <line x2="427.2" y2="0.0" x1="0" style="stroke: white; stroke-width: 2;" y1="0.0"/>
28
- <line x2="427.2" y2="52.866" x1="0" style="stroke: white; stroke-width: 2;" y1="52.866"/>
29
- <line x2="427.2" y2="105.732" x1="0" style="stroke: white; stroke-width: 2;" y1="105.732"/>
30
- <line x2="427.2" y2="158.598" x1="0" style="stroke: white; stroke-width: 2;" y1="158.598"/>
31
- <line x2="427.2" y2="211.464" x1="0" style="stroke: white; stroke-width: 2;" y1="211.464"/>
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
32
  </g>
33
- <g transform="translate(106.8, 218.592)" id="labels">
33
+ <g id="labels" transform="translate(106.8, 218.592)">
34
34
  </g>
35
- <g transform="translate(106.8, 0.0)" id="graphs">
36
- <g class="graph_layer" id="component_graphs_graph_0">
35
+ <g id="graphs" transform="translate(106.8, 0.0)">
36
+ <g id="component_graphs_graph_0" class="graph_layer">
37
37
  <g class="shadow" transform="translate(1.05732, 1.05732)">
38
- <polyline stroke="black" stroke-width="4.22928" points="0.0,183.881739130435 106.8,12.8289585439838 213.6,76.973751263903 320.4,162.500141557128 427.2,0.0" fill="transparent" style="fill-opacity: 0; stroke-opacity: 0.35"/>
39
- <circle r="4.22928" cx="0.0" cy="185.784915130435" style="stroke-width: 4.22928; stroke: black; opacity: 0.35;"/>
40
- <circle r="4.22928" cx="106.8" cy="14.7321345439838" style="stroke-width: 4.22928; stroke: black; opacity: 0.35;"/>
41
- <circle r="4.22928" cx="213.6" cy="78.876927263903" style="stroke-width: 4.22928; stroke: black; opacity: 0.35;"/>
42
- <circle r="4.22928" cx="320.4" cy="164.403317557128" style="stroke-width: 4.22928; stroke: black; opacity: 0.35;"/>
43
- <circle r="4.22928" cx="427.2" cy="1.903176" style="stroke-width: 4.22928; stroke: black; opacity: 0.35;"/>
38
+ <polyline points="0.0,183.881739130435 106.8,12.8289585439838 213.6,76.973751263903 320.4,162.500141557128 427.2,0.0" fill="transparent" stroke="black" stroke-width="4.22928" style="fill-opacity: 0; stroke-opacity: 0.35"/>
39
+ <circle cx="0.0" cy="185.784915130435" r="4.22928" style="stroke-width: 4.22928; stroke: black; opacity: 0.35;"/>
40
+ <circle cx="106.8" cy="14.7321345439838" r="4.22928" style="stroke-width: 4.22928; stroke: black; opacity: 0.35;"/>
41
+ <circle cx="213.6" cy="78.876927263903" r="4.22928" style="stroke-width: 4.22928; stroke: black; opacity: 0.35;"/>
42
+ <circle cx="320.4" cy="164.403317557128" r="4.22928" style="stroke-width: 4.22928; stroke: black; opacity: 0.35;"/>
43
+ <circle cx="427.2" cy="1.903176" r="4.22928" style="stroke-width: 4.22928; stroke: black; opacity: 0.35;"/>
44
44
  </g>
45
- <polyline stroke="#6886B4" stroke-width="4.22928" points="0.0,183.881739130435 106.8,12.8289585439838 213.6,76.973751263903 320.4,162.500141557128 427.2,0.0" fill="none"/>
46
- <circle r="4.22928" cx="0.0" cy="183.881739130435" style="stroke-width: 4.22928; stroke: #6886B4; fill: #6886B4"/>
47
- <circle r="4.22928" cx="106.8" cy="12.8289585439838" style="stroke-width: 4.22928; stroke: #6886B4; fill: #6886B4"/>
48
- <circle r="4.22928" cx="213.6" cy="76.973751263903" style="stroke-width: 4.22928; stroke: #6886B4; fill: #6886B4"/>
49
- <circle r="4.22928" cx="320.4" cy="162.500141557128" style="stroke-width: 4.22928; stroke: #6886B4; fill: #6886B4"/>
50
- <circle r="4.22928" cx="427.2" cy="0.0" style="stroke-width: 4.22928; stroke: #6886B4; fill: #6886B4"/>
45
+ <polyline points="0.0,183.881739130435 106.8,12.8289585439838 213.6,76.973751263903 320.4,162.500141557128 427.2,0.0" fill="none" stroke="#6886B4" stroke-width="4.22928"/>
46
+ <circle cx="0.0" cy="183.881739130435" r="4.22928" style="stroke-width: 4.22928; stroke: #6886B4; fill: #6886B4"/>
47
+ <circle cx="106.8" cy="12.8289585439838" r="4.22928" style="stroke-width: 4.22928; stroke: #6886B4; fill: #6886B4"/>
48
+ <circle cx="213.6" cy="76.973751263903" r="4.22928" style="stroke-width: 4.22928; stroke: #6886B4; fill: #6886B4"/>
49
+ <circle cx="320.4" cy="162.500141557128" r="4.22928" style="stroke-width: 4.22928; stroke: #6886B4; fill: #6886B4"/>
50
+ <circle cx="427.2" cy="0.0" r="4.22928" style="stroke-width: 4.22928; stroke: #6886B4; fill: #6886B4"/>
51
51
  </g>
52
52
  </g>
53
53
  </g>
54
54
  </g>
55
- <g transform="translate(30.0, 46.8)" id="legend">
56
- <rect width="10.8" x="226.8" y="0" height="10.8" fill="#6886B4"/>
57
- <text font-size="15.552" x="246.24" y="11.664" fill="white" style="color: white">Example</text>
55
+ <g id="legend" transform="translate(30.0, 46.8)">
56
+ <rect x="226.8" y="0" width="10.8" height="10.8" fill="#6886B4"/>
57
+ <text x="246.24" y="11.664" font-size="15.552" font-family="" style="color: white" fill="white">Example</text>
58
58
  </g>
59
59
  </g>
60
60
  </svg>
data/website/images/graphs/multi_test.svg CHANGED
@@ -1,296 +1,296 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <?DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" type=""?>
3
- <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="600" height="360" xmlns="http://www.w3.org/2000/svg">
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
4
  <g id="scruffy_graph">
5
- <g transform="translate(0.0, 0.0)" id="background">
5
+ <g id="background" transform="translate(0.0, 0.0)">
6
6
  <defs>
7
- <linearGradient x2="0%" y2="100%" x1="0%" id="BackgroundGradient" y1="0%">
8
- <stop stop-color="black" offset="5%"/>
9
- <stop stop-color="#4A465A" offset="95%"/>
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
10
  </linearGradient>
11
11
  </defs>
12
- <rect width="600.0" x="0" y="0" height="360.0" fill="url(#BackgroundGradient)"/>
12
+ <rect width="600.0" height="360.0" x="0" y="0" fill="url(#BackgroundGradient)"/>
13
13
  </g>
14
- <g transform="translate(30.0, 7.2)" id="title">
15
- <text class="title" font-size="25.2" x="270.0" text-anchor="middle" y="25.2" stroke="none" stroke-width="0" fill="white">Some Kind of Information</text>
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">Some Kind of Information</text>
16
16
  </g>
17
- <g transform="translate(330.0, 234.0)" id="bottom_right">
17
+ <g id="top_left" transform="translate(60.0, 90.0)">
18
18
  <g>
19
- <g transform="translate(21.0, 0.0)" id="grid">
20
- <line x2="189.0" y2="0.0" x1="0" style="stroke: white; stroke-width: 2;" y1="0.0"/>
21
- <line x2="189.0" y2="24.03" x1="0" style="stroke: white; stroke-width: 2;" y1="24.03"/>
22
- <line x2="189.0" y2="48.06" x1="0" style="stroke: white; stroke-width: 2;" y1="48.06"/>
23
- <line x2="189.0" y2="72.09" x1="0" style="stroke: white; stroke-width: 2;" y1="72.09"/>
24
- <line x2="189.0" y2="96.12" x1="0" style="stroke: white; stroke-width: 2;" y1="96.12"/>
19
+ <g id="grid" transform="translate(21.0, 0.0)">
20
+ <line x1="0" y1="0.0" x2="189.0" y2="0.0" style="stroke: white; stroke-width: 2;"/>
21
+ <line x1="0" y1="24.03" x2="189.0" y2="24.03" style="stroke: white; stroke-width: 2;"/>
22
+ <line x1="0" y1="48.06" x2="189.0" y2="48.06" style="stroke: white; stroke-width: 2;"/>
23
+ <line x1="0" y1="72.09" x2="189.0" y2="72.09" style="stroke: white; stroke-width: 2;"/>
24
+ <line x1="0" y1="96.12" x2="189.0" y2="96.12" style="stroke: white; stroke-width: 2;"/>
25
25
  </g>
26
- <g transform="translate(0.0, 2.16)" id="value_markers">
27
- <text font-size="7.6896" x="16.8" text-anchor="end" y="96.12" fill="white">-55</text>
28
- <text font-size="7.6896" x="16.8" text-anchor="end" y="72.09" fill="white">10</text>
29
- <text font-size="7.6896" x="16.8" text-anchor="end" y="48.06" fill="white">74</text>
30
- <text font-size="7.6896" x="16.8" text-anchor="end" y="24.03" fill="white">139</text>
31
- <text font-size="7.6896" x="16.8" text-anchor="end" y="0.0" fill="white">203</text>
26
+ <g id="value_markers" transform="translate(0.0, 2.16)">
27
+ <text x="16.8" y="96.12" font-size="7.6896" font-family="" fill="white" text-anchor="end">-55</text>
28
+ <text x="16.8" y="72.09" font-size="7.6896" font-family="" fill="white" text-anchor="end">10</text>
29
+ <text x="16.8" y="48.06" font-size="7.6896" font-family="" fill="white" text-anchor="end">74</text>
30
+ <text x="16.8" y="24.03" font-size="7.6896" font-family="" fill="white" text-anchor="end">139</text>
31
+ <text x="16.8" y="0.0" font-size="7.6896" font-family="" fill="white" text-anchor="end">203</text>
32
32
  </g>
33
- <g transform="translate(21.0, 99.36)" id="data_markers">
34
- <text font-size="7.776" x="0.0" text-anchor="middle" y="8.64" fill="white">Jan</text>
35
- <text font-size="7.776" x="37.8" text-anchor="middle" y="8.64" fill="white">Feb</text>
36
- <text font-size="7.776" x="75.6" text-anchor="middle" y="8.64" fill="white">Mar</text>
37
- <text font-size="7.776" x="113.4" text-anchor="middle" y="8.64" fill="white">Apr</text>
38
- <text font-size="7.776" x="151.2" text-anchor="middle" y="8.64" fill="white">May</text>
39
- <text font-size="7.776" x="189.0" text-anchor="middle" y="8.64" fill="white">Jun</text>
33
+ <g id="data_markers" transform="translate(21.0, 99.36)">
34
+ <text x="0.0" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Jan</text>
35
+ <text x="37.8" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Feb</text>
36
+ <text x="75.6" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Mar</text>
37
+ <text x="113.4" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Apr</text>
38
+ <text x="151.2" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">May</text>
39
+ <text x="189.0" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Jun</text>
40
40
  </g>
41
- <g transform="translate(21.0, 0.0)" id="graphs">
42
- <g class="graph_layer" id="component_graphs_graph_0">
41
+ <g id="graphs" transform="translate(21.0, 0.0)">
42
+ <g id="component_graphs_graph_0" class="graph_layer">
43
43
  <g transform="translate(0, -1.9224)">
44
44
  <polygon points="0,96.12 0.0,68.2840062111801 37.8,77.6124223602484 75.6,38.4330745341615 113.4,49.6271739130435 151.2,64.5526397515528 189.0,36.1942546583851 189.0,96.12" style="fill: black; stroke: black; fill-opacity: 0.06; stroke-opacity: 0.06;"/>
45
45
  </g>
46
- <polygon stroke="#6886B4" points="0,96.12 0.0,68.2840062111801 37.8,77.6124223602484 75.6,38.4330745341615 113.4,49.6271739130435 151.2,64.5526397515528 189.0,36.1942546583851 189.0,96.12" fill="#6886B4" style="opacity: 1.0"/>
46
+ <polygon points="0,96.12 0.0,68.2840062111801 37.8,77.6124223602484 75.6,38.4330745341615 113.4,49.6271739130435 151.2,64.5526397515528 189.0,36.1942546583851 189.0,96.12" fill="#6886B4" stroke="#6886B4" style="opacity: 1.0"/>
47
47
  </g>
48
- <g class="graph_layer" id="component_graphs_graph_1">
48
+ <g id="component_graphs_graph_1" class="graph_layer">
49
49
  <g class="shadow" transform="translate(0.4806, 0.4806)">
50
- <polyline stroke="black" stroke-width="1.9224" points="0.0,79.4781055900621 37.8,83.2094720496895 75.6,57.0899068322981 113.4,41.4181677018634 151.2,83.5826086956522 189.0,54.8510869565217" fill="transparent" style="fill-opacity: 0; stroke-opacity: 0.35"/>
51
- <circle r="1.9224" cx="0.0" cy="80.3431855900621" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
52
- <circle r="1.9224" cx="37.8" cy="84.0745520496895" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
53
- <circle r="1.9224" cx="75.6" cy="57.9549868322981" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
54
- <circle r="1.9224" cx="113.4" cy="42.2832477018634" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
55
- <circle r="1.9224" cx="151.2" cy="84.4476886956522" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
56
- <circle r="1.9224" cx="189.0" cy="55.7161669565217" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
50
+ <polyline points="0.0,79.4781055900621 37.8,83.2094720496895 75.6,57.0899068322981 113.4,41.4181677018634 151.2,83.5826086956522 189.0,54.8510869565217" fill="transparent" stroke="black" stroke-width="1.9224" style="fill-opacity: 0; stroke-opacity: 0.35"/>
51
+ <circle cx="0.0" cy="80.3431855900621" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
52
+ <circle cx="37.8" cy="84.0745520496895" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
53
+ <circle cx="75.6" cy="57.9549868322981" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
54
+ <circle cx="113.4" cy="42.2832477018634" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
55
+ <circle cx="151.2" cy="84.4476886956522" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
56
+ <circle cx="189.0" cy="55.7161669565217" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
57
57
  </g>
58
- <polyline stroke="#FDD84E" stroke-width="1.9224" points="0.0,79.4781055900621 37.8,83.2094720496895 75.6,57.0899068322981 113.4,41.4181677018634 151.2,83.5826086956522 189.0,54.8510869565217" fill="none"/>
59
- <circle r="1.9224" cx="0.0" cy="79.4781055900621" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
60
- <circle r="1.9224" cx="37.8" cy="83.2094720496895" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
61
- <circle r="1.9224" cx="75.6" cy="57.0899068322981" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
62
- <circle r="1.9224" cx="113.4" cy="41.4181677018634" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
63
- <circle r="1.9224" cx="151.2" cy="83.5826086956522" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
64
- <circle r="1.9224" cx="189.0" cy="54.8510869565217" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
58
+ <polyline points="0.0,79.4781055900621 37.8,83.2094720496895 75.6,57.0899068322981 113.4,41.4181677018634 151.2,83.5826086956522 189.0,54.8510869565217" fill="none" stroke="#FDD84E" stroke-width="1.9224"/>
59
+ <circle cx="0.0" cy="79.4781055900621" r="1.9224" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
60
+ <circle cx="37.8" cy="83.2094720496895" r="1.9224" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
61
+ <circle cx="75.6" cy="57.0899068322981" r="1.9224" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
62
+ <circle cx="113.4" cy="41.4181677018634" r="1.9224" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
63
+ <circle cx="151.2" cy="83.5826086956522" r="1.9224" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
64
+ <circle cx="189.0" cy="54.8510869565217" r="1.9224" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
65
65
  </g>
66
66
  </g>
67
67
  </g>
68
68
  </g>
69
- <g transform="translate(60.0, 234.0)" id="bottom_left">
69
+ <g id="top_right" transform="translate(330.0, 90.0)">
70
70
  <g>
71
- <g transform="translate(21.0, 0.0)" id="grid">
72
- <line x2="189.0" y2="0.0" x1="0" style="stroke: white; stroke-width: 2;" y1="0.0"/>
73
- <line x2="189.0" y2="24.03" x1="0" style="stroke: white; stroke-width: 2;" y1="24.03"/>
74
- <line x2="189.0" y2="48.06" x1="0" style="stroke: white; stroke-width: 2;" y1="48.06"/>
75
- <line x2="189.0" y2="72.09" x1="0" style="stroke: white; stroke-width: 2;" y1="72.09"/>
76
- <line x2="189.0" y2="96.12" x1="0" style="stroke: white; stroke-width: 2;" y1="96.12"/>
71
+ <g id="grid" transform="translate(21.0, 0.0)">
72
+ <line x1="0" y1="0.0" x2="189.0" y2="0.0" style="stroke: white; stroke-width: 2;"/>
73
+ <line x1="0" y1="24.03" x2="189.0" y2="24.03" style="stroke: white; stroke-width: 2;"/>
74
+ <line x1="0" y1="48.06" x2="189.0" y2="48.06" style="stroke: white; stroke-width: 2;"/>
75
+ <line x1="0" y1="72.09" x2="189.0" y2="72.09" style="stroke: white; stroke-width: 2;"/>
76
+ <line x1="0" y1="96.12" x2="189.0" y2="96.12" style="stroke: white; stroke-width: 2;"/>
77
77
  </g>
78
- <g transform="translate(0.0, 2.16)" id="value_markers">
79
- <text font-size="7.6896" x="16.8" text-anchor="end" y="96.12" fill="white">-55</text>
80
- <text font-size="7.6896" x="16.8" text-anchor="end" y="72.09" fill="white">10</text>
81
- <text font-size="7.6896" x="16.8" text-anchor="end" y="48.06" fill="white">74</text>
82
- <text font-size="7.6896" x="16.8" text-anchor="end" y="24.03" fill="white">139</text>
83
- <text font-size="7.6896" x="16.8" text-anchor="end" y="0.0" fill="white">203</text>
78
+ <g id="value_markers" transform="translate(0.0, 2.16)">
79
+ <text x="16.8" y="96.12" font-size="7.6896" font-family="" fill="white" text-anchor="end">-55</text>
80
+ <text x="16.8" y="72.09" font-size="7.6896" font-family="" fill="white" text-anchor="end">10</text>
81
+ <text x="16.8" y="48.06" font-size="7.6896" font-family="" fill="white" text-anchor="end">74</text>
82
+ <text x="16.8" y="24.03" font-size="7.6896" font-family="" fill="white" text-anchor="end">139</text>
83
+ <text x="16.8" y="0.0" font-size="7.6896" font-family="" fill="white" text-anchor="end">203</text>
84
84
  </g>
85
- <g transform="translate(21.0, 99.36)" id="data_markers">
86
- <text font-size="7.776" x="0.0" text-anchor="middle" y="8.64" fill="white">Jan</text>
87
- <text font-size="7.776" x="37.8" text-anchor="middle" y="8.64" fill="white">Feb</text>
88
- <text font-size="7.776" x="75.6" text-anchor="middle" y="8.64" fill="white">Mar</text>
89
- <text font-size="7.776" x="113.4" text-anchor="middle" y="8.64" fill="white">Apr</text>
90
- <text font-size="7.776" x="151.2" text-anchor="middle" y="8.64" fill="white">May</text>
91
- <text font-size="7.776" x="189.0" text-anchor="middle" y="8.64" fill="white">Jun</text>
85
+ <g id="data_markers" transform="translate(21.0, 99.36)">
86
+ <text x="0.0" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Jan</text>
87
+ <text x="37.8" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Feb</text>
88
+ <text x="75.6" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Mar</text>
89
+ <text x="113.4" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Apr</text>
90
+ <text x="151.2" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">May</text>
91
+ <text x="189.0" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Jun</text>
92
92
  </g>
93
- <g transform="translate(21.0, 0.0)" id="graphs">
94
- <g class="graph_layer" id="component_graphs_graph_0">
95
- <g transform="translate(0, -1.9224)">
96
- <polygon points="0,96.12 0.0,79.4781055900621 37.8,49.6271739130435 75.6,68.2840062111801 113.4,37.686801242236 151.2,0.746273291925476 189.0,66.0451863354037 189.0,96.12" style="fill: black; stroke: black; fill-opacity: 0.06; stroke-opacity: 0.06;"/>
97
- </g>
98
- <polygon stroke="#72AE6E" points="0,96.12 0.0,79.4781055900621 37.8,49.6271739130435 75.6,68.2840062111801 113.4,37.686801242236 151.2,0.746273291925476 189.0,66.0451863354037 189.0,96.12" fill="#72AE6E" style="opacity: 1.0"/>
99
- </g>
100
- <g class="graph_layer" id="component_graphs_graph_1">
93
+ <g id="graphs" transform="translate(21.0, 0.0)">
94
+ <g id="component_graphs_graph_0" class="graph_layer">
101
95
  <g transform="translate(-0.4806, -0.4806)">
102
- <rect width="29.3112" x="1.575" y="64.5526397515528" height="32.5285602484472" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
103
- <rect width="29.3112" x="2.0556" y="66.4750397515528" height="31.0867602484472" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
96
+ <rect x="1.575" y="64.5526397515528" width="29.3112" height="32.5285602484472" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
97
+ <rect x="2.0556" y="66.4750397515528" width="29.3112" height="31.0867602484472" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
104
98
  </g>
105
- <rect width="28.35" x="1.575" y="64.5526397515528" height="31.5673602484472" fill="#D1695E" style="opacity: 0.85; stroke: none;"/>
99
+ <rect x="1.575" y="64.5526397515528" width="28.35" height="31.5673602484472" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
106
100
  <g transform="translate(-0.4806, -0.4806)">
107
- <rect width="29.3112" x="33.075" y="75.7467391304348" height="21.3344608695652" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
108
- <rect width="29.3112" x="33.5556" y="77.6691391304348" height="19.8926608695652" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
101
+ <rect x="33.075" y="75.7467391304348" width="29.3112" height="21.3344608695652" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
102
+ <rect x="33.5556" y="77.6691391304348" width="29.3112" height="19.8926608695652" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
109
103
  </g>
110
- <rect width="28.35" x="33.075" y="75.7467391304348" height="20.3732608695652" fill="#D1695E" style="opacity: 0.85; stroke: none;"/>
104
+ <rect x="33.075" y="75.7467391304348" width="28.35" height="20.3732608695652" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
111
105
  <g transform="translate(-0.4806, -0.4806)">
112
- <rect width="29.3112" x="64.575" y="57.4630434782609" height="39.6181565217391" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
113
- <rect width="29.3112" x="65.0556" y="59.3854434782609" height="38.1763565217391" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
106
+ <rect x="64.575" y="57.4630434782609" width="29.3112" height="39.6181565217391" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
107
+ <rect x="65.0556" y="59.3854434782609" width="29.3112" height="38.1763565217391" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
114
108
  </g>
115
- <rect width="28.35" x="64.575" y="57.4630434782609" height="38.6569565217391" fill="#D1695E" style="opacity: 0.85; stroke: none;"/>
109
+ <rect x="64.575" y="57.4630434782609" width="28.35" height="38.6569565217391" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
116
110
  <g transform="translate(-0.4806, -0.4806)">
117
- <rect width="29.3112" x="96.075" y="64.9257763975155" height="32.1554236024845" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
118
- <rect width="29.3112" x="96.5556" y="66.8481763975155" height="30.7136236024845" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
111
+ <rect x="96.075" y="64.9257763975155" width="29.3112" height="32.1554236024845" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
112
+ <rect x="96.5556" y="66.8481763975155" width="29.3112" height="30.7136236024845" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
119
113
  </g>
120
- <rect width="28.35" x="96.075" y="64.9257763975155" height="31.1942236024845" fill="#D1695E" style="opacity: 0.85; stroke: none;"/>
114
+ <rect x="96.075" y="64.9257763975155" width="28.35" height="31.1942236024845" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
121
115
  <g transform="translate(-0.4806, -0.4806)">
122
- <rect width="29.3112" x="127.575" y="38.4330745341615" height="58.6481254658385" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
123
- <rect width="29.3112" x="128.0556" y="40.3554745341615" height="57.2063254658385" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
116
+ <rect x="127.575" y="38.4330745341615" width="29.3112" height="58.6481254658385" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
117
+ <rect x="128.0556" y="40.3554745341615" width="29.3112" height="57.2063254658385" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
124
118
  </g>
125
- <rect width="28.35" x="127.575" y="38.4330745341615" height="57.6869254658385" fill="#D1695E" style="opacity: 0.85; stroke: none;"/>
119
+ <rect x="127.575" y="38.4330745341615" width="28.35" height="57.6869254658385" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
126
120
  <g transform="translate(-0.4806, -0.4806)">
127
- <rect width="29.3112" x="159.075" y="0.0" height="97.0812" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
128
- <rect width="29.3112" x="159.5556" y="1.9224" height="95.6394" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
121
+ <rect x="159.075" y="0.0" width="29.3112" height="97.0812" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
122
+ <rect x="159.5556" y="1.9224" width="29.3112" height="95.6394" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
129
123
  </g>
130
- <rect width="28.35" x="159.075" y="0.0" height="96.12" fill="#D1695E" style="opacity: 0.85; stroke: none;"/>
124
+ <rect x="159.075" y="0.0" width="28.35" height="96.12" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
131
125
  </g>
132
- <g class="graph_layer" id="component_graphs_graph_2">
126
+ <g id="component_graphs_graph_1" class="graph_layer">
133
127
  <g class="shadow" transform="translate(0.4806, 0.4806)">
134
- <polyline stroke="black" stroke-width="1.9224" points="0.0,60.075 37.8,72.0153726708075 75.6,47.7614906832298 113.4,19.7762422360249 151.2,27.2389751552795 189.0,49.6271739130435" fill="transparent" style="fill-opacity: 0; stroke-opacity: 0.35"/>
135
- <circle r="1.9224" cx="0.0" cy="60.94008" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
136
- <circle r="1.9224" cx="37.8" cy="72.8804526708075" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
137
- <circle r="1.9224" cx="75.6" cy="48.6265706832298" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
138
- <circle r="1.9224" cx="113.4" cy="20.6413222360249" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
139
- <circle r="1.9224" cx="151.2" cy="28.1040551552795" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
140
- <circle r="1.9224" cx="189.0" cy="50.4922539130435" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
128
+ <polyline points="0.0,60.075 37.8,72.0153726708075 75.6,47.7614906832298 113.4,19.7762422360249 151.2,27.2389751552795 189.0,49.6271739130435" fill="transparent" stroke="black" stroke-width="1.9224" style="fill-opacity: 0; stroke-opacity: 0.35"/>
129
+ <circle cx="0.0" cy="60.94008" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
130
+ <circle cx="37.8" cy="72.8804526708075" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
131
+ <circle cx="75.6" cy="48.6265706832298" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
132
+ <circle cx="113.4" cy="20.6413222360249" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
133
+ <circle cx="151.2" cy="28.1040551552795" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
134
+ <circle cx="189.0" cy="50.4922539130435" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
141
135
  </g>
142
- <polyline stroke="#8A6EAF" stroke-width="1.9224" points="0.0,60.075 37.8,72.0153726708075 75.6,47.7614906832298 113.4,19.7762422360249 151.2,27.2389751552795 189.0,49.6271739130435" fill="none"/>
143
- <circle r="1.9224" cx="0.0" cy="60.075" style="stroke-width: 1.9224; stroke: #8A6EAF; fill: #8A6EAF"/>
144
- <circle r="1.9224" cx="37.8" cy="72.0153726708075" style="stroke-width: 1.9224; stroke: #8A6EAF; fill: #8A6EAF"/>
145
- <circle r="1.9224" cx="75.6" cy="47.7614906832298" style="stroke-width: 1.9224; stroke: #8A6EAF; fill: #8A6EAF"/>
146
- <circle r="1.9224" cx="113.4" cy="19.7762422360249" style="stroke-width: 1.9224; stroke: #8A6EAF; fill: #8A6EAF"/>
147
- <circle r="1.9224" cx="151.2" cy="27.2389751552795" style="stroke-width: 1.9224; stroke: #8A6EAF; fill: #8A6EAF"/>
148
- <circle r="1.9224" cx="189.0" cy="49.6271739130435" style="stroke-width: 1.9224; stroke: #8A6EAF; fill: #8A6EAF"/>
136
+ <polyline points="0.0,60.075 37.8,72.0153726708075 75.6,47.7614906832298 113.4,19.7762422360249 151.2,27.2389751552795 189.0,49.6271739130435" fill="none" stroke="#D1695E" stroke-width="1.9224"/>
137
+ <circle cx="0.0" cy="60.075" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
138
+ <circle cx="37.8" cy="72.0153726708075" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
139
+ <circle cx="75.6" cy="47.7614906832298" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
140
+ <circle cx="113.4" cy="19.7762422360249" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
141
+ <circle cx="151.2" cy="27.2389751552795" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
142
+ <circle cx="189.0" cy="49.6271739130435" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
149
143
  </g>
150
144
  </g>
151
145
  </g>
152
146
  </g>
153
- <g transform="translate(330.0, 90.0)" id="top_right">
147
+ <g id="bottom_left" transform="translate(60.0, 234.0)">
154
148
  <g>
155
- <g transform="translate(21.0, 0.0)" id="grid">
156
- <line x2="189.0" y2="0.0" x1="0" style="stroke: white; stroke-width: 2;" y1="0.0"/>
157
- <line x2="189.0" y2="24.03" x1="0" style="stroke: white; stroke-width: 2;" y1="24.03"/>
158
- <line x2="189.0" y2="48.06" x1="0" style="stroke: white; stroke-width: 2;" y1="48.06"/>
159
- <line x2="189.0" y2="72.09" x1="0" style="stroke: white; stroke-width: 2;" y1="72.09"/>
160
- <line x2="189.0" y2="96.12" x1="0" style="stroke: white; stroke-width: 2;" y1="96.12"/>
149
+ <g id="grid" transform="translate(21.0, 0.0)">
150
+ <line x1="0" y1="0.0" x2="189.0" y2="0.0" style="stroke: white; stroke-width: 2;"/>
151
+ <line x1="0" y1="24.03" x2="189.0" y2="24.03" style="stroke: white; stroke-width: 2;"/>
152
+ <line x1="0" y1="48.06" x2="189.0" y2="48.06" style="stroke: white; stroke-width: 2;"/>
153
+ <line x1="0" y1="72.09" x2="189.0" y2="72.09" style="stroke: white; stroke-width: 2;"/>
154
+ <line x1="0" y1="96.12" x2="189.0" y2="96.12" style="stroke: white; stroke-width: 2;"/>
161
155
  </g>
162
- <g transform="translate(0.0, 2.16)" id="value_markers">
163
- <text font-size="7.6896" x="16.8" text-anchor="end" y="96.12" fill="white">-55</text>
164
- <text font-size="7.6896" x="16.8" text-anchor="end" y="72.09" fill="white">10</text>
165
- <text font-size="7.6896" x="16.8" text-anchor="end" y="48.06" fill="white">74</text>
166
- <text font-size="7.6896" x="16.8" text-anchor="end" y="24.03" fill="white">139</text>
167
- <text font-size="7.6896" x="16.8" text-anchor="end" y="0.0" fill="white">203</text>
156
+ <g id="value_markers" transform="translate(0.0, 2.16)">
157
+ <text x="16.8" y="96.12" font-size="7.6896" font-family="" fill="white" text-anchor="end">-55</text>
158
+ <text x="16.8" y="72.09" font-size="7.6896" font-family="" fill="white" text-anchor="end">10</text>
159
+ <text x="16.8" y="48.06" font-size="7.6896" font-family="" fill="white" text-anchor="end">74</text>
160
+ <text x="16.8" y="24.03" font-size="7.6896" font-family="" fill="white" text-anchor="end">139</text>
161
+ <text x="16.8" y="0.0" font-size="7.6896" font-family="" fill="white" text-anchor="end">203</text>
168
162
  </g>
169
- <g transform="translate(21.0, 99.36)" id="data_markers">
170
- <text font-size="7.776" x="0.0" text-anchor="middle" y="8.64" fill="white">Jan</text>
171
- <text font-size="7.776" x="37.8" text-anchor="middle" y="8.64" fill="white">Feb</text>
172
- <text font-size="7.776" x="75.6" text-anchor="middle" y="8.64" fill="white">Mar</text>
173
- <text font-size="7.776" x="113.4" text-anchor="middle" y="8.64" fill="white">Apr</text>
174
- <text font-size="7.776" x="151.2" text-anchor="middle" y="8.64" fill="white">May</text>
175
- <text font-size="7.776" x="189.0" text-anchor="middle" y="8.64" fill="white">Jun</text>
163
+ <g id="data_markers" transform="translate(21.0, 99.36)">
164
+ <text x="0.0" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Jan</text>
165
+ <text x="37.8" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Feb</text>
166
+ <text x="75.6" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Mar</text>
167
+ <text x="113.4" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Apr</text>
168
+ <text x="151.2" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">May</text>
169
+ <text x="189.0" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Jun</text>
176
170
  </g>
177
- <g transform="translate(21.0, 0.0)" id="graphs">
178
- <g class="graph_layer" id="component_graphs_graph_0">
171
+ <g id="graphs" transform="translate(21.0, 0.0)">
172
+ <g id="component_graphs_graph_0" class="graph_layer">
173
+ <g transform="translate(0, -1.9224)">
174
+ <polygon points="0,96.12 0.0,79.4781055900621 37.8,49.6271739130435 75.6,68.2840062111801 113.4,37.686801242236 151.2,0.746273291925476 189.0,66.0451863354037 189.0,96.12" style="fill: black; stroke: black; fill-opacity: 0.06; stroke-opacity: 0.06;"/>
175
+ </g>
176
+ <polygon points="0,96.12 0.0,79.4781055900621 37.8,49.6271739130435 75.6,68.2840062111801 113.4,37.686801242236 151.2,0.746273291925476 189.0,66.0451863354037 189.0,96.12" fill="#8A6EAF" stroke="#8A6EAF" style="opacity: 1.0"/>
177
+ </g>
178
+ <g id="component_graphs_graph_1" class="graph_layer">
179
179
  <g transform="translate(-0.4806, -0.4806)">
180
- <rect width="29.3112" x="1.575" y="64.5526397515528" height="32.5285602484472" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
181
- <rect width="29.3112" x="2.0556" y="66.4750397515528" height="31.0867602484472" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
180
+ <rect x="1.575" y="64.5526397515528" width="29.3112" height="32.5285602484472" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
181
+ <rect x="2.0556" y="66.4750397515528" width="29.3112" height="31.0867602484472" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
182
182
  </g>
183
- <rect width="28.35" x="1.575" y="64.5526397515528" height="31.5673602484472" fill="#D1695E" style="opacity: 1.0; stroke: none;"/>
183
+ <rect x="1.575" y="64.5526397515528" width="28.35" height="31.5673602484472" fill="#72AE6E" style="opacity: 0.85; stroke: none;"/>
184
184
  <g transform="translate(-0.4806, -0.4806)">
185
- <rect width="29.3112" x="33.075" y="75.7467391304348" height="21.3344608695652" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
186
- <rect width="29.3112" x="33.5556" y="77.6691391304348" height="19.8926608695652" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
185
+ <rect x="33.075" y="75.7467391304348" width="29.3112" height="21.3344608695652" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
186
+ <rect x="33.5556" y="77.6691391304348" width="29.3112" height="19.8926608695652" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
187
187
  </g>
188
- <rect width="28.35" x="33.075" y="75.7467391304348" height="20.3732608695652" fill="#D1695E" style="opacity: 1.0; stroke: none;"/>
188
+ <rect x="33.075" y="75.7467391304348" width="28.35" height="20.3732608695652" fill="#72AE6E" style="opacity: 0.85; stroke: none;"/>
189
189
  <g transform="translate(-0.4806, -0.4806)">
190
- <rect width="29.3112" x="64.575" y="57.4630434782609" height="39.6181565217391" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
191
- <rect width="29.3112" x="65.0556" y="59.3854434782609" height="38.1763565217391" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
190
+ <rect x="64.575" y="57.4630434782609" width="29.3112" height="39.6181565217391" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
191
+ <rect x="65.0556" y="59.3854434782609" width="29.3112" height="38.1763565217391" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
192
192
  </g>
193
- <rect width="28.35" x="64.575" y="57.4630434782609" height="38.6569565217391" fill="#D1695E" style="opacity: 1.0; stroke: none;"/>
193
+ <rect x="64.575" y="57.4630434782609" width="28.35" height="38.6569565217391" fill="#72AE6E" style="opacity: 0.85; stroke: none;"/>
194
194
  <g transform="translate(-0.4806, -0.4806)">
195
- <rect width="29.3112" x="96.075" y="64.9257763975155" height="32.1554236024845" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
196
- <rect width="29.3112" x="96.5556" y="66.8481763975155" height="30.7136236024845" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
195
+ <rect x="96.075" y="64.9257763975155" width="29.3112" height="32.1554236024845" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
196
+ <rect x="96.5556" y="66.8481763975155" width="29.3112" height="30.7136236024845" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
197
197
  </g>
198
- <rect width="28.35" x="96.075" y="64.9257763975155" height="31.1942236024845" fill="#D1695E" style="opacity: 1.0; stroke: none;"/>
198
+ <rect x="96.075" y="64.9257763975155" width="28.35" height="31.1942236024845" fill="#72AE6E" style="opacity: 0.85; stroke: none;"/>
199
199
  <g transform="translate(-0.4806, -0.4806)">
200
- <rect width="29.3112" x="127.575" y="38.4330745341615" height="58.6481254658385" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
201
- <rect width="29.3112" x="128.0556" y="40.3554745341615" height="57.2063254658385" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
200
+ <rect x="127.575" y="38.4330745341615" width="29.3112" height="58.6481254658385" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
201
+ <rect x="128.0556" y="40.3554745341615" width="29.3112" height="57.2063254658385" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
202
202
  </g>
203
- <rect width="28.35" x="127.575" y="38.4330745341615" height="57.6869254658385" fill="#D1695E" style="opacity: 1.0; stroke: none;"/>
203
+ <rect x="127.575" y="38.4330745341615" width="28.35" height="57.6869254658385" fill="#72AE6E" style="opacity: 0.85; stroke: none;"/>
204
204
  <g transform="translate(-0.4806, -0.4806)">
205
- <rect width="29.3112" x="159.075" y="0.0" height="97.0812" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
206
- <rect width="29.3112" x="159.5556" y="1.9224" height="95.6394" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
205
+ <rect x="159.075" y="0.0" width="29.3112" height="97.0812" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
206
+ <rect x="159.5556" y="1.9224" width="29.3112" height="95.6394" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
207
207
  </g>
208
- <rect width="28.35" x="159.075" y="0.0" height="96.12" fill="#D1695E" style="opacity: 1.0; stroke: none;"/>
208
+ <rect x="159.075" y="0.0" width="28.35" height="96.12" fill="#72AE6E" style="opacity: 0.85; stroke: none;"/>
209
209
  </g>
210
- <g class="graph_layer" id="component_graphs_graph_1">
210
+ <g id="component_graphs_graph_2" class="graph_layer">
211
211
  <g class="shadow" transform="translate(0.4806, 0.4806)">
212
- <polyline stroke="black" stroke-width="1.9224" points="0.0,60.075 37.8,72.0153726708075 75.6,47.7614906832298 113.4,19.7762422360249 151.2,27.2389751552795 189.0,49.6271739130435" fill="transparent" style="fill-opacity: 0; stroke-opacity: 0.35"/>
213
- <circle r="1.9224" cx="0.0" cy="60.94008" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
214
- <circle r="1.9224" cx="37.8" cy="72.8804526708075" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
215
- <circle r="1.9224" cx="75.6" cy="48.6265706832298" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
216
- <circle r="1.9224" cx="113.4" cy="20.6413222360249" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
217
- <circle r="1.9224" cx="151.2" cy="28.1040551552795" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
218
- <circle r="1.9224" cx="189.0" cy="50.4922539130435" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
212
+ <polyline points="0.0,60.075 37.8,72.0153726708075 75.6,47.7614906832298 113.4,19.7762422360249 151.2,27.2389751552795 189.0,49.6271739130435" fill="transparent" stroke="black" stroke-width="1.9224" style="fill-opacity: 0; stroke-opacity: 0.35"/>
213
+ <circle cx="0.0" cy="60.94008" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
214
+ <circle cx="37.8" cy="72.8804526708075" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
215
+ <circle cx="75.6" cy="48.6265706832298" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
216
+ <circle cx="113.4" cy="20.6413222360249" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
217
+ <circle cx="151.2" cy="28.1040551552795" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
218
+ <circle cx="189.0" cy="50.4922539130435" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
219
219
  </g>
220
- <polyline stroke="#8A6EAF" stroke-width="1.9224" points="0.0,60.075 37.8,72.0153726708075 75.6,47.7614906832298 113.4,19.7762422360249 151.2,27.2389751552795 189.0,49.6271739130435" fill="none"/>
221
- <circle r="1.9224" cx="0.0" cy="60.075" style="stroke-width: 1.9224; stroke: #8A6EAF; fill: #8A6EAF"/>
222
- <circle r="1.9224" cx="37.8" cy="72.0153726708075" style="stroke-width: 1.9224; stroke: #8A6EAF; fill: #8A6EAF"/>
223
- <circle r="1.9224" cx="75.6" cy="47.7614906832298" style="stroke-width: 1.9224; stroke: #8A6EAF; fill: #8A6EAF"/>
224
- <circle r="1.9224" cx="113.4" cy="19.7762422360249" style="stroke-width: 1.9224; stroke: #8A6EAF; fill: #8A6EAF"/>
225
- <circle r="1.9224" cx="151.2" cy="27.2389751552795" style="stroke-width: 1.9224; stroke: #8A6EAF; fill: #8A6EAF"/>
226
- <circle r="1.9224" cx="189.0" cy="49.6271739130435" style="stroke-width: 1.9224; stroke: #8A6EAF; fill: #8A6EAF"/>
220
+ <polyline points="0.0,60.075 37.8,72.0153726708075 75.6,47.7614906832298 113.4,19.7762422360249 151.2,27.2389751552795 189.0,49.6271739130435" fill="none" stroke="#D1695E" stroke-width="1.9224"/>
221
+ <circle cx="0.0" cy="60.075" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
222
+ <circle cx="37.8" cy="72.0153726708075" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
223
+ <circle cx="75.6" cy="47.7614906832298" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
224
+ <circle cx="113.4" cy="19.7762422360249" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
225
+ <circle cx="151.2" cy="27.2389751552795" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
226
+ <circle cx="189.0" cy="49.6271739130435" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
227
227
  </g>
228
228
  </g>
229
229
  </g>
230
230
  </g>
231
- <g transform="translate(60.0, 90.0)" id="top_left">
231
+ <g id="bottom_right" transform="translate(330.0, 234.0)">
232
232
  <g>
233
- <g transform="translate(21.0, 0.0)" id="grid">
234
- <line x2="189.0" y2="0.0" x1="0" style="stroke: white; stroke-width: 2;" y1="0.0"/>
235
- <line x2="189.0" y2="24.03" x1="0" style="stroke: white; stroke-width: 2;" y1="24.03"/>
236
- <line x2="189.0" y2="48.06" x1="0" style="stroke: white; stroke-width: 2;" y1="48.06"/>
237
- <line x2="189.0" y2="72.09" x1="0" style="stroke: white; stroke-width: 2;" y1="72.09"/>
238
- <line x2="189.0" y2="96.12" x1="0" style="stroke: white; stroke-width: 2;" y1="96.12"/>
233
+ <g id="grid" transform="translate(21.0, 0.0)">
234
+ <line x1="0" y1="0.0" x2="189.0" y2="0.0" style="stroke: white; stroke-width: 2;"/>
235
+ <line x1="0" y1="24.03" x2="189.0" y2="24.03" style="stroke: white; stroke-width: 2;"/>
236
+ <line x1="0" y1="48.06" x2="189.0" y2="48.06" style="stroke: white; stroke-width: 2;"/>
237
+ <line x1="0" y1="72.09" x2="189.0" y2="72.09" style="stroke: white; stroke-width: 2;"/>
238
+ <line x1="0" y1="96.12" x2="189.0" y2="96.12" style="stroke: white; stroke-width: 2;"/>
239
239
  </g>
240
- <g transform="translate(0.0, 2.16)" id="value_markers">
241
- <text font-size="7.6896" x="16.8" text-anchor="end" y="96.12" fill="white">-55</text>
242
- <text font-size="7.6896" x="16.8" text-anchor="end" y="72.09" fill="white">10</text>
243
- <text font-size="7.6896" x="16.8" text-anchor="end" y="48.06" fill="white">74</text>
244
- <text font-size="7.6896" x="16.8" text-anchor="end" y="24.03" fill="white">139</text>
245
- <text font-size="7.6896" x="16.8" text-anchor="end" y="0.0" fill="white">203</text>
240
+ <g id="value_markers" transform="translate(0.0, 2.16)">
241
+ <text x="16.8" y="96.12" font-size="7.6896" font-family="" fill="white" text-anchor="end">-55</text>
242
+ <text x="16.8" y="72.09" font-size="7.6896" font-family="" fill="white" text-anchor="end">10</text>
243
+ <text x="16.8" y="48.06" font-size="7.6896" font-family="" fill="white" text-anchor="end">74</text>
244
+ <text x="16.8" y="24.03" font-size="7.6896" font-family="" fill="white" text-anchor="end">139</text>
245
+ <text x="16.8" y="0.0" font-size="7.6896" font-family="" fill="white" text-anchor="end">203</text>
246
246
  </g>
247
- <g transform="translate(21.0, 99.36)" id="data_markers">
248
- <text font-size="7.776" x="0.0" text-anchor="middle" y="8.64" fill="white">Jan</text>
249
- <text font-size="7.776" x="37.8" text-anchor="middle" y="8.64" fill="white">Feb</text>
250
- <text font-size="7.776" x="75.6" text-anchor="middle" y="8.64" fill="white">Mar</text>
251
- <text font-size="7.776" x="113.4" text-anchor="middle" y="8.64" fill="white">Apr</text>
252
- <text font-size="7.776" x="151.2" text-anchor="middle" y="8.64" fill="white">May</text>
253
- <text font-size="7.776" x="189.0" text-anchor="middle" y="8.64" fill="white">Jun</text>
247
+ <g id="data_markers" transform="translate(21.0, 99.36)">
248
+ <text x="0.0" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Jan</text>
249
+ <text x="37.8" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Feb</text>
250
+ <text x="75.6" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Mar</text>
251
+ <text x="113.4" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Apr</text>
252
+ <text x="151.2" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">May</text>
253
+ <text x="189.0" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Jun</text>
254
254
  </g>
255
- <g transform="translate(21.0, 0.0)" id="graphs">
256
- <g class="graph_layer" id="component_graphs_graph_0">
255
+ <g id="graphs" transform="translate(21.0, 0.0)">
256
+ <g id="component_graphs_graph_0" class="graph_layer">
257
257
  <g transform="translate(0, -1.9224)">
258
258
  <polygon points="0,96.12 0.0,68.2840062111801 37.8,77.6124223602484 75.6,38.4330745341615 113.4,49.6271739130435 151.2,64.5526397515528 189.0,36.1942546583851 189.0,96.12" style="fill: black; stroke: black; fill-opacity: 0.06; stroke-opacity: 0.06;"/>
259
259
  </g>
260
- <polygon stroke="#6886B4" points="0,96.12 0.0,68.2840062111801 37.8,77.6124223602484 75.6,38.4330745341615 113.4,49.6271739130435 151.2,64.5526397515528 189.0,36.1942546583851 189.0,96.12" fill="#6886B4" style="opacity: 1.0"/>
260
+ <polygon points="0,96.12 0.0,68.2840062111801 37.8,77.6124223602484 75.6,38.4330745341615 113.4,49.6271739130435 151.2,64.5526397515528 189.0,36.1942546583851 189.0,96.12" fill="#6886B4" stroke="#6886B4" style="opacity: 1.0"/>
261
261
  </g>
262
- <g class="graph_layer" id="component_graphs_graph_1">
262
+ <g id="component_graphs_graph_1" class="graph_layer">
263
263
  <g class="shadow" transform="translate(0.4806, 0.4806)">
264
- <polyline stroke="black" stroke-width="1.9224" points="0.0,79.4781055900621 37.8,83.2094720496895 75.6,57.0899068322981 113.4,41.4181677018634 151.2,83.5826086956522 189.0,54.8510869565217" fill="transparent" style="fill-opacity: 0; stroke-opacity: 0.35"/>
265
- <circle r="1.9224" cx="0.0" cy="80.3431855900621" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
266
- <circle r="1.9224" cx="37.8" cy="84.0745520496895" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
267
- <circle r="1.9224" cx="75.6" cy="57.9549868322981" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
268
- <circle r="1.9224" cx="113.4" cy="42.2832477018634" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
269
- <circle r="1.9224" cx="151.2" cy="84.4476886956522" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
270
- <circle r="1.9224" cx="189.0" cy="55.7161669565217" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
264
+ <polyline points="0.0,79.4781055900621 37.8,83.2094720496895 75.6,57.0899068322981 113.4,41.4181677018634 151.2,83.5826086956522 189.0,54.8510869565217" fill="transparent" stroke="black" stroke-width="1.9224" style="fill-opacity: 0; stroke-opacity: 0.35"/>
265
+ <circle cx="0.0" cy="80.3431855900621" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
266
+ <circle cx="37.8" cy="84.0745520496895" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
267
+ <circle cx="75.6" cy="57.9549868322981" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
268
+ <circle cx="113.4" cy="42.2832477018634" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
269
+ <circle cx="151.2" cy="84.4476886956522" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
270
+ <circle cx="189.0" cy="55.7161669565217" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
271
271
  </g>
272
- <polyline stroke="#FDD84E" stroke-width="1.9224" points="0.0,79.4781055900621 37.8,83.2094720496895 75.6,57.0899068322981 113.4,41.4181677018634 151.2,83.5826086956522 189.0,54.8510869565217" fill="none"/>
273
- <circle r="1.9224" cx="0.0" cy="79.4781055900621" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
274
- <circle r="1.9224" cx="37.8" cy="83.2094720496895" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
275
- <circle r="1.9224" cx="75.6" cy="57.0899068322981" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
276
- <circle r="1.9224" cx="113.4" cy="41.4181677018634" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
277
- <circle r="1.9224" cx="151.2" cy="83.5826086956522" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
278
- <circle r="1.9224" cx="189.0" cy="54.8510869565217" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
272
+ <polyline points="0.0,79.4781055900621 37.8,83.2094720496895 75.6,57.0899068322981 113.4,41.4181677018634 151.2,83.5826086956522 189.0,54.8510869565217" fill="none" stroke="#FDD84E" stroke-width="1.9224"/>
273
+ <circle cx="0.0" cy="79.4781055900621" r="1.9224" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
274
+ <circle cx="37.8" cy="83.2094720496895" r="1.9224" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
275
+ <circle cx="75.6" cy="57.0899068322981" r="1.9224" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
276
+ <circle cx="113.4" cy="41.4181677018634" r="1.9224" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
277
+ <circle cx="151.2" cy="83.5826086956522" r="1.9224" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
278
+ <circle cx="189.0" cy="54.8510869565217" r="1.9224" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
279
279
  </g>
280
280
  </g>
281
281
  </g>
282
282
  </g>
283
- <g transform="translate(30.0, 46.8)" id="legend">
284
- <rect width="9.0" x="108.0" y="0" height="9.0" fill="#6886B4"/>
285
- <text font-size="12.96" x="124.2" y="9.72" fill="white" style="color: white">Jeff</text>
286
- <rect width="9.0" x="171.0" y="0" height="9.0" fill="#72AE6E"/>
287
- <text font-size="12.96" x="187.2" y="9.72" fill="white" style="color: white">Jerry</text>
288
- <rect width="9.0" x="243.0" y="0" height="9.0" fill="#D1695E"/>
289
- <text font-size="12.96" x="259.2" y="9.72" fill="white" style="color: white">Jack</text>
290
- <rect width="9.0" x="306.0" y="0" height="9.0" fill="#8A6EAF"/>
291
- <text font-size="12.96" x="322.2" y="9.72" fill="white" style="color: white">Brasten</text>
292
- <rect width="9.0" x="396.0" y="0" height="9.0" fill="#FDD84E"/>
293
- <text font-size="12.96" x="412.2" y="9.72" fill="white" style="color: white">Jim</text>
283
+ <g id="legend" transform="translate(30.0, 46.8)">
284
+ <rect x="108.0" y="0" width="9.0" height="9.0" fill="#6886B4"/>
285
+ <text x="124.2" y="9.72" font-size="12.96" font-family="" style="color: white" fill="white">Jeff</text>
286
+ <rect x="171.0" y="0" width="9.0" height="9.0" fill="#8A6EAF"/>
287
+ <text x="187.2" y="9.72" font-size="12.96" font-family="" style="color: white" fill="white">Jerry</text>
288
+ <rect x="243.0" y="0" width="9.0" height="9.0" fill="#72AE6E"/>
289
+ <text x="259.2" y="9.72" font-size="12.96" font-family="" style="color: white" fill="white">Jack</text>
290
+ <rect x="306.0" y="0" width="9.0" height="9.0" fill="#D1695E"/>
291
+ <text x="322.2" y="9.72" font-size="12.96" font-family="" style="color: white" fill="white">Brasten</text>
292
+ <rect x="396.0" y="0" width="9.0" height="9.0" fill="#FDD84E"/>
293
+ <text x="412.2" y="9.72" font-size="12.96" font-family="" style="color: white" fill="white">Jim</text>
294
294
  </g>
295
295
  </g>
296
296
  </svg>