scruffy 0.2.6 → 0.3.0.beta1

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 (96) hide show
  1. data/{History.txt → CHANGES.txt} +15 -12
  2. data/README.txt +25 -25
  3. data/lib/scruffy.rb +0 -5
  4. data/lib/scruffy/components.rb +1 -0
  5. data/lib/scruffy/components/axes.rb +23 -0
  6. data/lib/scruffy/components/background.rb +3 -3
  7. data/lib/scruffy/components/base.rb +3 -0
  8. data/lib/scruffy/components/data_markers.rb +23 -8
  9. data/lib/scruffy/components/graphs.rb +4 -0
  10. data/lib/scruffy/components/grid.rb +45 -4
  11. data/lib/scruffy/components/legend.rb +63 -21
  12. data/lib/scruffy/components/title.rb +1 -1
  13. data/lib/scruffy/components/value_markers.rb +9 -16
  14. data/lib/scruffy/formatters.rb +41 -3
  15. data/lib/scruffy/graph.rb +27 -11
  16. data/lib/scruffy/graph_state.rb +5 -0
  17. data/lib/scruffy/helpers.rb +1 -0
  18. data/lib/scruffy/helpers/layer_container.rb +28 -4
  19. data/lib/scruffy/helpers/marker_helper.rb +25 -0
  20. data/lib/scruffy/helpers/point_container.rb +46 -17
  21. data/lib/scruffy/layers.rb +6 -1
  22. data/lib/scruffy/layers/bar.rb +35 -14
  23. data/lib/scruffy/layers/base.rb +51 -21
  24. data/lib/scruffy/layers/box.rb +114 -0
  25. data/lib/scruffy/layers/line.rb +31 -14
  26. data/lib/scruffy/layers/multi.rb +74 -0
  27. data/lib/scruffy/layers/multi_area.rb +119 -0
  28. data/lib/scruffy/layers/multi_bar.rb +51 -0
  29. data/lib/scruffy/layers/scatter.rb +13 -5
  30. data/lib/scruffy/layers/stacked.rb +2 -1
  31. data/lib/scruffy/rasterizers.rb +1 -0
  32. data/lib/scruffy/rasterizers/mini_magick_rasterizer.rb +24 -0
  33. data/lib/scruffy/rasterizers/rmagick_rasterizer.rb +8 -2
  34. data/lib/scruffy/renderers.rb +2 -0
  35. data/lib/scruffy/renderers/axis_legend.rb +41 -0
  36. data/lib/scruffy/renderers/base.rb +6 -4
  37. data/lib/scruffy/renderers/basic.rb +20 -0
  38. data/lib/scruffy/renderers/standard.rb +7 -6
  39. data/lib/scruffy/themes.rb +37 -1
  40. data/lib/scruffy/version.rb +1 -7
  41. data/spec/output/array.svg +55 -0
  42. data/spec/output/hash.svg +55 -0
  43. data/spec/scruffy/graph_spec.rb +4 -4
  44. data/spec/scruffy/layers/base_spec.rb +15 -10
  45. metadata +84 -96
  46. data/CHANGES +0 -104
  47. data/License.txt +0 -20
  48. data/MIT-LICENSE +0 -20
  49. data/Manifest.txt +0 -104
  50. data/PostInstall.txt +0 -6
  51. data/README +0 -9
  52. data/Rakefile +0 -108
  53. data/config/hoe.rb +0 -78
  54. data/config/requirements.rb +0 -15
  55. data/script/console +0 -10
  56. data/script/destroy +0 -14
  57. data/script/generate +0 -14
  58. data/script/txt2html +0 -82
  59. data/setup.rb +0 -1585
  60. data/spec/scruffy/layers/line_spec.rb +0 -10
  61. data/tasks/deployment.rake +0 -34
  62. data/tasks/environment.rake +0 -7
  63. data/tasks/website.rake +0 -17
  64. data/test/graph_creation_test.rb +0 -101
  65. data/test/test_helper.rb +0 -2
  66. data/website/images/blank.gif.html +0 -7
  67. data/website/images/graphs/all_smiles.png +0 -0
  68. data/website/images/graphs/bar_test.png +0 -0
  69. data/website/images/graphs/bar_test.svg +0 -71
  70. data/website/images/graphs/line_test.png +0 -0
  71. data/website/images/graphs/line_test.svg +0 -60
  72. data/website/images/graphs/multi_test.png +0 -0
  73. data/website/images/graphs/multi_test.svg +0 -296
  74. data/website/images/graphs/pie_test.png +0 -0
  75. data/website/images/graphs/pie_test.svg +0 -40
  76. data/website/images/graphs/split_test.png +0 -0
  77. data/website/images/graphs/split_test.svg +0 -295
  78. data/website/images/graphs/stacking_test.png +0 -0
  79. data/website/images/graphs/stacking_test.svg +0 -146
  80. data/website/images/header.png +0 -0
  81. data/website/images/header_gradient.png +0 -0
  82. data/website/images/overlay.png +0 -0
  83. data/website/images/scruffy.png +0 -0
  84. data/website/index.html +0 -225
  85. data/website/index.txt +0 -204
  86. data/website/javascripts/application.js +0 -2
  87. data/website/javascripts/controls.js +0 -815
  88. data/website/javascripts/dragdrop.js +0 -913
  89. data/website/javascripts/effects.js +0 -958
  90. data/website/javascripts/lightbox.js +0 -437
  91. data/website/javascripts/prototype.js +0 -2006
  92. data/website/javascripts/rounded_corners_lite.inc.js +0 -285
  93. data/website/stylesheets/lightbox.css +0 -27
  94. data/website/stylesheets/screen.css +0 -147
  95. data/website/stylesheets/scruffy.css +0 -227
  96. data/website/template.html.erb +0 -47
@@ -1,10 +0,0 @@
1
- describe "A Line layer" do
2
- before(:each) do
3
- @layer = Scruffy::Layers::Line.new(:title => 'My Line Layer', :points => [100, 200, 300])
4
-
5
- svg = mock('svg')
6
- svg.should_receive(:polyline).once
7
- svg.should_receive(:circle).exactly(3).times
8
-
9
- end
10
- end
@@ -1,34 +0,0 @@
1
- desc 'Release the website and new gem version'
2
- task :deploy => [:check_version, :website, :release] do
3
- puts "Remember to create SVN tag:"
4
- puts "svn copy svn+ssh://#{rubyforge_username}@rubyforge.org/var/svn/#{PATH}/trunk " +
5
- "svn+ssh://#{rubyforge_username}@rubyforge.org/var/svn/#{PATH}/tags/REL-#{VERS} "
6
- puts "Suggested comment:"
7
- puts "Tagging release #{CHANGES}"
8
- end
9
-
10
- desc 'Runs tasks website_generate and install_gem as a local deployment of the gem'
11
- task :local_deploy => [:website_generate, :install_gem]
12
-
13
- task :check_version do
14
- unless ENV['VERSION']
15
- puts 'Must pass a VERSION=x.y.z release version'
16
- exit
17
- end
18
- unless ENV['VERSION'] == VERS
19
- puts "Please update your version.rb to match the release version, currently #{VERS}"
20
- exit
21
- end
22
- end
23
-
24
- desc 'Install the package as a gem, without generating documentation(ri/rdoc)'
25
- task :install_gem_no_doc => [:clean, :package] do
26
- sh "#{'sudo ' unless Hoe::WINDOZE }gem install pkg/*.gem --no-rdoc --no-ri"
27
- end
28
-
29
- namespace :manifest do
30
- desc 'Recreate Manifest.txt to include ALL files'
31
- task :refresh do
32
- `rake check_manifest | patch -p0 > Manifest.txt`
33
- end
34
- end
@@ -1,7 +0,0 @@
1
- task :ruby_env do
2
- RUBY_APP = if RUBY_PLATFORM =~ /java/
3
- "jruby"
4
- else
5
- "ruby"
6
- end unless defined? RUBY_APP
7
- end
@@ -1,17 +0,0 @@
1
- desc 'Generate website files'
2
- task :website_generate => :ruby_env do
3
- (Dir['website/**/*.txt'] - Dir['website/version*.txt']).each do |txt|
4
- sh %{ #{RUBY_APP} script/txt2html #{txt} > #{txt.gsub(/txt$/,'html')} }
5
- end
6
- end
7
-
8
- desc 'Upload website files to rubyforge'
9
- task :website_upload do
10
- host = "#{rubyforge_username}@rubyforge.org"
11
- remote_dir = "/var/www/gforge-projects/#{PATH}/"
12
- local_dir = 'website'
13
- sh %{rsync -rlgoDCv #{local_dir}/ #{host}:#{remote_dir}}
14
- end
15
-
16
- desc 'Generate and upload website files'
17
- task :website => [:website_generate, :website_upload, :publish_docs]
@@ -1,101 +0,0 @@
1
- require 'test/unit'
2
- require 'scruffy'
3
-
4
- class SimpleTheme < Scruffy::Themes::Base
5
- def initialize
6
- super({
7
- :background => [:white, :white],
8
- :marker => :black,
9
- :colors => %w(blue green red orange yellow purple pink),
10
- :stroke_color => 'white'
11
- })
12
- end
13
- end
14
-
15
- class GraphCreationTest < Test::Unit::TestCase
16
- BASE_DIR = File.dirname(__FILE__)
17
- WEBSITE_DIR = BASE_DIR + "/../website/images/graphs"
18
-
19
- def test_create_pie
20
- graph = Scruffy::Graph.new
21
- graph.title = "Favourite Snacks"
22
- graph.renderer = Scruffy::Renderers::Pie.new
23
-
24
- graph.add :pie, '', {
25
- 'Apple' => 20,
26
- 'Banana' => 100,
27
- 'Orange' => 70,
28
- 'Taco' => 30
29
- }
30
-
31
- graph.render :to => "#{WEBSITE_DIR}/pie_test.svg"
32
- graph.render :width => 400, :to => "#{WEBSITE_DIR}/pie_test.png", :as => 'png'
33
- end
34
-
35
- def test_create_line
36
- graph = Scruffy::Graph.new
37
- graph.title = "Sample Line Graph"
38
- graph.renderer = Scruffy::Renderers::Standard.new
39
-
40
- graph.add :line, 'Example', [20, 100, 70, 30, 106]
41
-
42
- graph.render :to => "#{WEBSITE_DIR}/line_test.svg"
43
- graph.render :width => 400, :to => "#{WEBSITE_DIR}/line_test.png", :as => 'png'
44
- end
45
-
46
-
47
- def test_create_bar
48
- graph = Scruffy::Graph.new
49
- graph.title = "Sample Bar Graph"
50
- graph.renderer = Scruffy::Renderers::Standard.new
51
- graph.add :bar, 'Example', [20, 100, 70, 30, 106]
52
- graph.render :to => "#{WEBSITE_DIR}/bar_test.svg"
53
- graph.render :width => 400, :to => "#{WEBSITE_DIR}/bar_test.png", :as => 'png'
54
- end
55
-
56
- def test_split
57
- graph = Scruffy::Graph.new
58
- graph.title = "Long-term Comparisons"
59
- graph.value_formatter = Scruffy::Formatters::Currency.new(:special_negatives => true, :negative_color => '#ff7777')
60
- graph.renderer = Scruffy::Renderers::Split.new(:split_label => 'Northeastern (Top) / Central (Bottom)')
61
-
62
- graph.add :area, 'Jeff', [20, -5, 100, 70, 30, 106, 203, 100, 50, 203, 289, 20], :category => :top
63
- graph.add :area, 'Jerry', [-10, 70, 20, 102, 201, 26, 30, 106, 203, 100, 50, 39], :category => :top
64
- graph.add :bar, 'Jack', [30, 0, 49, 29, 100, 203, 70, 20, 102, 201, 26, 130], :category => :bottom
65
- graph.add :line, 'Brasten', [42, 10, 75, 150, 130, 70, -10, -20, 50, 92, -21, 19], :categories => [:top, :bottom]
66
- graph.add :line, 'Jim', [-10, -20, 50, 92, -21, 56, 92, 84, 82, 100, 39, 120], :categories => [:top, :bottom]
67
- graph.point_markers = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
68
-
69
- graph.render :to => "#{WEBSITE_DIR}/split_test.svg"
70
- graph.render :width => 500, :to => "#{WEBSITE_DIR}/split_test.png", :as => 'png'
71
- end
72
-
73
- def test_stacking
74
- graph = Scruffy::Graph.new
75
- graph.title = "Comparative Agent Performance"
76
- graph.value_formatter = Scruffy::Formatters::Percentage.new(:precision => 0)
77
- graph.add :stacked do |stacked|
78
- stacked.add :bar, 'Jack', [30, 60, 49, 29, 100, 120]
79
- stacked.add :bar, 'Jill', [120, 240, 0, 100, 140, 20]
80
- stacked.add :bar, 'Hill', [10, 10, 90, 20, 40, 10]
81
- end
82
- graph.point_markers = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
83
- graph.render :to => "#{WEBSITE_DIR}/stacking_test.svg"
84
- graph.render :width => 500, :to => "#{WEBSITE_DIR}/stacking_test.png", :as => 'png'
85
- end
86
-
87
- def test_multi_layered
88
- graph = Scruffy::Graph.new
89
- graph.title = "Some Kind of Information"
90
- graph.renderer = Scruffy::Renderers::Cubed.new
91
-
92
- graph.add :area, 'Jeff', [20, -5, 100, 70, 30, 106], :categories => [:top_left, :bottom_right]
93
- graph.add :area, 'Jerry', [-10, 70, 20, 102, 201, 26], :categories => [:bottom_left, :buttom_right]
94
- graph.add :bar, 'Jack', [30, 0, 49, 29, 100, 203], :categories => [:bottom_left, :top_right]
95
- graph.add :line, 'Brasten', [42, 10, 75, 150, 130, 70], :categories => [:top_right, :bottom_left]
96
- graph.add :line, 'Jim', [-10, -20, 50, 92, -21, 56], :categories => [:top_left, :bottom_right]
97
- graph.point_markers = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
98
- graph.render :to => "#{WEBSITE_DIR}/multi_test.svg"
99
- graph.render :width => 500, :to => "#{WEBSITE_DIR}/multi_test.png", :as => 'png'
100
- end
101
- end
@@ -1,2 +0,0 @@
1
- require 'test/unit'
2
- require File.dirname(__FILE__) + '/../lib/scruffy'
@@ -1,7 +0,0 @@
1
- <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
2
- <html><head>
3
- <title>404 Not Found</title>
4
- </head><body>
5
- <h1>Not Found</h1>
6
- <p>The requested URL /images/blank.gif was not found on this server.</p>
7
- </body></html>
@@ -1,71 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="600 100 360 200">
4
- <g id="scruffy_graph">
5
- <g id="background" transform="translate(0.0, 0.0)">
6
- <defs>
7
- <linearGradient id="BackgroundGradient" x1="0%" y1="0%" x2="0%" y2="100%">
8
- <stop offset="5%" stop-color="black"/>
9
- <stop offset="95%" stop-color="#4A465A"/>
10
- </linearGradient>
11
- </defs>
12
- <rect width="600.0" height="360.0" x="0" y="0" fill="url(#BackgroundGradient)"/>
13
- </g>
14
- <g id="title" transform="translate(30.0, 7.2)">
15
- <text class="title" x="270.0" y="25.2" font-size="25.2" font-family="" fill="white" stroke="none" stroke-width="0" text-anchor="middle">Sample Bar Graph</text>
16
- </g>
17
- <g id="view" transform="translate(12.0, 93.6)">
18
- <g>
19
- <g id="values" transform="translate(0.0, 4.752)">
20
- <text x="96.12" y="211.464" font-size="16.91712" font-family="" fill="white" text-anchor="end">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
- </g>
26
- <g id="grid" transform="translate(106.8, 0.0)">
27
- <line x1="0" y1="0.0" x2="427.2" y2="0.0" style="stroke: white; stroke-width: 2;"/>
28
- <line x1="0" y1="52.866" x2="427.2" y2="52.866" style="stroke: white; stroke-width: 2;"/>
29
- <line x1="0" y1="105.732" x2="427.2" y2="105.732" style="stroke: white; stroke-width: 2;"/>
30
- <line x1="0" y1="158.598" x2="427.2" y2="158.598" style="stroke: white; stroke-width: 2;"/>
31
- <line x1="0" y1="211.464" x2="427.2" y2="211.464" style="stroke: white; stroke-width: 2;"/>
32
- </g>
33
- <g id="labels" transform="translate(106.8, 218.592)">
34
- </g>
35
- <g id="graphs" transform="translate(106.8, 0.0)">
36
- <g id="component_graphs_graph_0" class="graph_layer">
37
- <g transform="translate(-1.05732, -1.05732)">
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
- </g>
41
- <rect x="4.272" y="183.881739130435" width="76.896" height="27.5822608695652" fill="#6886B4" style="opacity: 1.0; stroke: none;"/>
42
- <g transform="translate(-1.05732, -1.05732)">
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
- </g>
46
- <rect x="89.712" y="12.8289585439838" width="76.896" height="198.635041456016" fill="#6886B4" style="opacity: 1.0; stroke: none;"/>
47
- <g transform="translate(-1.05732, -1.05732)">
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
- </g>
51
- <rect x="175.152" y="76.973751263903" width="76.896" height="134.490248736097" fill="#6886B4" style="opacity: 1.0; stroke: none;"/>
52
- <g transform="translate(-1.05732, -1.05732)">
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
- </g>
56
- <rect x="260.592" y="162.500141557128" width="76.896" height="48.9638584428716" fill="#6886B4" style="opacity: 1.0; stroke: none;"/>
57
- <g transform="translate(-1.05732, -1.05732)">
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
- </g>
61
- <rect x="346.032" y="0.0" width="76.896" height="211.464" fill="#6886B4" style="opacity: 1.0; stroke: none;"/>
62
- </g>
63
- </g>
64
- </g>
65
- </g>
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
- </g>
70
- </g>
71
- </svg>
@@ -1,60 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="600 100 360 200">
4
- <g id="scruffy_graph">
5
- <g id="background" transform="translate(0.0, 0.0)">
6
- <defs>
7
- <linearGradient id="BackgroundGradient" x1="0%" y1="0%" x2="0%" y2="100%">
8
- <stop offset="5%" stop-color="black"/>
9
- <stop offset="95%" stop-color="#4A465A"/>
10
- </linearGradient>
11
- </defs>
12
- <rect width="600.0" height="360.0" x="0" y="0" fill="url(#BackgroundGradient)"/>
13
- </g>
14
- <g id="title" transform="translate(30.0, 7.2)">
15
- <text class="title" x="270.0" y="25.2" font-size="25.2" font-family="" fill="white" stroke="none" stroke-width="0" text-anchor="middle">Sample Line Graph</text>
16
- </g>
17
- <g id="view" transform="translate(12.0, 93.6)">
18
- <g>
19
- <g id="values" transform="translate(0.0, 4.752)">
20
- <text x="96.12" y="211.464" font-size="16.91712" font-family="" fill="white" text-anchor="end">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
- </g>
26
- <g id="grid" transform="translate(106.8, 0.0)">
27
- <line x1="0" y1="0.0" x2="427.2" y2="0.0" style="stroke: white; stroke-width: 2;"/>
28
- <line x1="0" y1="52.866" x2="427.2" y2="52.866" style="stroke: white; stroke-width: 2;"/>
29
- <line x1="0" y1="105.732" x2="427.2" y2="105.732" style="stroke: white; stroke-width: 2;"/>
30
- <line x1="0" y1="158.598" x2="427.2" y2="158.598" style="stroke: white; stroke-width: 2;"/>
31
- <line x1="0" y1="211.464" x2="427.2" y2="211.464" style="stroke: white; stroke-width: 2;"/>
32
- </g>
33
- <g id="labels" transform="translate(106.8, 218.592)">
34
- </g>
35
- <g id="graphs" transform="translate(106.8, 0.0)">
36
- <g id="component_graphs_graph_0" class="graph_layer">
37
- <g class="shadow" transform="translate(1.05732, 1.05732)">
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
- </g>
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
- </g>
52
- </g>
53
- </g>
54
- </g>
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
- </g>
59
- </g>
60
- </svg>
@@ -1,296 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="600 100 360 200">
4
- <g id="scruffy_graph">
5
- <g id="background" transform="translate(0.0, 0.0)">
6
- <defs>
7
- <linearGradient id="BackgroundGradient" x1="0%" y1="0%" x2="0%" y2="100%">
8
- <stop offset="5%" stop-color="black"/>
9
- <stop offset="95%" stop-color="#4A465A"/>
10
- </linearGradient>
11
- </defs>
12
- <rect width="600.0" height="360.0" x="0" y="0" fill="url(#BackgroundGradient)"/>
13
- </g>
14
- <g id="title" transform="translate(30.0, 7.2)">
15
- <text class="title" x="270.0" y="25.2" font-size="25.2" font-family="" fill="white" stroke="none" stroke-width="0" text-anchor="middle">Some Kind of Information</text>
16
- </g>
17
- <g id="top_left" transform="translate(60.0, 90.0)">
18
- <g>
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
- </g>
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
- </g>
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
- </g>
41
- <g id="graphs" transform="translate(21.0, 0.0)">
42
- <g id="component_graphs_graph_0" class="graph_layer">
43
- <g transform="translate(0, -1.9224)">
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
- </g>
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
- </g>
48
- <g id="component_graphs_graph_1" class="graph_layer">
49
- <g class="shadow" transform="translate(0.4806, 0.4806)">
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
- </g>
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
- </g>
66
- </g>
67
- </g>
68
- </g>
69
- <g id="top_right" transform="translate(330.0, 90.0)">
70
- <g>
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
- </g>
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
- </g>
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
- </g>
93
- <g id="graphs" transform="translate(21.0, 0.0)">
94
- <g id="component_graphs_graph_0" class="graph_layer">
95
- <g transform="translate(-0.4806, -0.4806)">
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;"/>
98
- </g>
99
- <rect x="1.575" y="64.5526397515528" width="28.35" height="31.5673602484472" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
100
- <g transform="translate(-0.4806, -0.4806)">
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;"/>
103
- </g>
104
- <rect x="33.075" y="75.7467391304348" width="28.35" height="20.3732608695652" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
105
- <g transform="translate(-0.4806, -0.4806)">
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;"/>
108
- </g>
109
- <rect x="64.575" y="57.4630434782609" width="28.35" height="38.6569565217391" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
110
- <g transform="translate(-0.4806, -0.4806)">
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;"/>
113
- </g>
114
- <rect x="96.075" y="64.9257763975155" width="28.35" height="31.1942236024845" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
115
- <g transform="translate(-0.4806, -0.4806)">
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;"/>
118
- </g>
119
- <rect x="127.575" y="38.4330745341615" width="28.35" height="57.6869254658385" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
120
- <g transform="translate(-0.4806, -0.4806)">
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;"/>
123
- </g>
124
- <rect x="159.075" y="0.0" width="28.35" height="96.12" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
125
- </g>
126
- <g id="component_graphs_graph_1" class="graph_layer">
127
- <g class="shadow" transform="translate(0.4806, 0.4806)">
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;"/>
135
- </g>
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"/>
143
- </g>
144
- </g>
145
- </g>
146
- </g>
147
- <g id="bottom_left" transform="translate(60.0, 234.0)">
148
- <g>
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;"/>
155
- </g>
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>
162
- </g>
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>
170
- </g>
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
- <g transform="translate(-0.4806, -0.4806)">
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
- </g>
183
- <rect x="1.575" y="64.5526397515528" width="28.35" height="31.5673602484472" fill="#72AE6E" style="opacity: 0.85; stroke: none;"/>
184
- <g transform="translate(-0.4806, -0.4806)">
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
- </g>
188
- <rect x="33.075" y="75.7467391304348" width="28.35" height="20.3732608695652" fill="#72AE6E" style="opacity: 0.85; stroke: none;"/>
189
- <g transform="translate(-0.4806, -0.4806)">
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
- </g>
193
- <rect x="64.575" y="57.4630434782609" width="28.35" height="38.6569565217391" fill="#72AE6E" style="opacity: 0.85; stroke: none;"/>
194
- <g transform="translate(-0.4806, -0.4806)">
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
- </g>
198
- <rect x="96.075" y="64.9257763975155" width="28.35" height="31.1942236024845" fill="#72AE6E" style="opacity: 0.85; stroke: none;"/>
199
- <g transform="translate(-0.4806, -0.4806)">
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
- </g>
203
- <rect x="127.575" y="38.4330745341615" width="28.35" height="57.6869254658385" fill="#72AE6E" style="opacity: 0.85; stroke: none;"/>
204
- <g transform="translate(-0.4806, -0.4806)">
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
- </g>
208
- <rect x="159.075" y="0.0" width="28.35" height="96.12" fill="#72AE6E" style="opacity: 0.85; stroke: none;"/>
209
- </g>
210
- <g id="component_graphs_graph_2" class="graph_layer">
211
- <g class="shadow" transform="translate(0.4806, 0.4806)">
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
- </g>
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
- </g>
228
- </g>
229
- </g>
230
- </g>
231
- <g id="bottom_right" transform="translate(330.0, 234.0)">
232
- <g>
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
- </g>
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
- </g>
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
- </g>
255
- <g id="graphs" transform="translate(21.0, 0.0)">
256
- <g id="component_graphs_graph_0" class="graph_layer">
257
- <g transform="translate(0, -1.9224)">
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
- </g>
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
- </g>
262
- <g id="component_graphs_graph_1" class="graph_layer">
263
- <g class="shadow" transform="translate(0.4806, 0.4806)">
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
- </g>
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
- </g>
280
- </g>
281
- </g>
282
- </g>
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
- </g>
295
- </g>
296
- </svg>