scruffy 0.2.5 → 0.2.6

Sign up to get free protection for your applications and to get access to all the features.
@@ -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.
@@ -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
@@ -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,
@@ -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]
@@ -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
@@ -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
 
@@ -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')
@@ -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>
@@ -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>
@@ -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>